0

カスタム ユーザー属性の値を、デフォルトの cardboard Kanban アプリのカードのヘッダーに追加したいと考えています。render 関数に以下を追加しました。

.....

            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);

....

これにより、テキスト値がカード ヘッダーに追加されますが、その際に所有者の名前と画像が 1 行下に配置されます。私はCSSを見てきましたが、文字列の長さに依存するフォーマットは見当たりませんが、私はまだこの分野に比較的慣れていません. CSS でフォ​​ント サイズを変更しようとしましたが、上記のコードを追加しても何も変わりませんでした。所有者の名前と所有者の画像が常に 1 行下に表示されます。私が間違っているかもしれないこと、またはこれを行うためのよりクリーンな方法があるかどうかについての助けをいただければ幸いです。

4

1 に答える 1

1

ブロック要素であるdivを追加しているので、新しい行を取得しています。この要素にfloat：leftのスタイルを追加して、IDの横に並べるか、代わりにカード本体にdivを配置することができます（特に幅の狭いカードの場合）。

于 2012-01-24T20:17:36.793 に答える