Question

我想将自定义用户属性中的值添加到默认纸板看板应用中卡片的标题中。我在渲染函数中添加了以下内容：

.....

            var idDiv = document.createElement("div");
            dojo.addClass(idDiv, "leftCardHeader");
            header.appendChild(idDiv);
          // MY NEW CODE  
            if(item.Domain && item.Domain.length > 0) {
                var domainDiv = document.createElement("div");
                domainDiv.appendChild(document.createTextNode(
                " Domain: " + item.Domain));
                header.appendChild(domainDiv);
            }
          // END MY NEW CODE
            var ownerImg = document.createElement("img");
            dojo.addClass(ownerImg, "cardOwner");

            var ownerName = document.createElement("div");
            dojo.addClass(ownerName, "cardOwnerName");

            header.appendChild(ownerImg);
            header.appendChild(ownerName);

...

这会将文本值添加到卡片标题中，但这样做会将所有者名称和图像按对齐方式向下推。我已经查看了CSS，但没有看到任何形成长度依赖，但我仍然相对较新的这个领域。我尝试更改CSS中的字体大小，但没有改变任何东西，添加上面的代码总是将所有者名称和所有者图像向下推。对我可能做错的任何帮助，或者是否有一种更清洁的方式，我们都很感激。

Answer 1

你要附加一个div，这是一个块元素 - 这就是你得到新行的原因。你可以添加一个浮动样式：左边这个元素，所以它在id旁边排成一行，或者你可以将div放在卡体中 - 你可能会发现它看起来更好（特别是在窄幅卡上）。

拉力纸板渲染：将项目添加到卡片头

1 个答案: