ラリーカードボードレンダー：カードのヘッダにアイテムを追加する

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を見てきましたが、長さに依存している何かformatingを見ていないが、私はまだ比較的この分野に新しいです。 CSSでフォントサイズを変更しようとしましたが、上記のコードを追加すると何も変更されず、常に所有者名と所有者イメージが行頭に表示されます。 私が間違っているかもしれないことや、より洗練された方法があれば助けてください。

Answer 1

ブロック要素であるdivを追加しています。これが新しい行を取得する理由です。あなたは浮動小数点のスタイルを追加することができます：この要素に左にIDの横に並ぶようにするか、またはカード本体にdivを置くことができます。