Rally紙板渲染：將項目添加到卡片標題

我想將自定義用戶屬性的值添加到默認紙板看板應用程序中的卡片標題。我添加了以下到渲染功能：Rally紙板渲染：將項目添加到卡片標題

.....

  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中更改字體大小，但這並沒有改變任何東西，添加上面的代碼總是將所有者名稱和所有者圖像推到一行。任何幫助，我可能做錯了什麼，或者如果有一個更清潔的方式，這是值得讚賞的。

來源

2012-01-24 Dax

您正在追加一個div，這是一個塊元素 - 這就是爲什麼您要獲得新行。你可以爲這個元素添加一個float：left樣式，這樣它就可以排在id旁邊，或者你可以把div放在card body中 - 你可能會發現它在那裏看起來更好（特別是在窄寬度卡上）。

來源

2012-01-24 20:17:36

謝謝，我把它變成了一個跨度而不是一個div，並關閉CSS中的化身更多的空間。唯一的缺點是我決定讓域屬性對齊很遠。這使得所有者名稱字段緊接在它之前。我正試圖找到一種方法，使所有者名稱中心在標題中。 CSS更改似乎不會影響它。我將它切換到一個span，然後在用戶ID後立即左移。然而，CSS似乎並沒有將它移動到中心位置。建議？ – Dax

Rally紙板渲染：將項目添加到卡片標題

回答

相關問題