Render en carton Render: Ajouter un élément à la carte

Question

Je souhaite ajouter une valeur d'un attribut utilisateur personnalisé à l'en-tête des cartes dans l'application Kanban par défaut.J'ai ajouté ce qui suit à la fonction de rendu:

.....

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

....

Ceci ajoute la valeur de texte à l'en-tête de la carte, mais en le faisant, il pousse le nom du propriétaire et l'image sur une ligne d'alignement.J'ai regardé le CSS mais que vous ne voyez aucun formateur qui est dépendant de la longueur de la piqûre, mais je suis toujours relativement nouveau dans cette zone.J'ai essayé de changer la taille de la police dans la CSS mais que cela n'a rien changé, l'ajout du code ci-dessus pousse toujours le nom du propriétaire et l'image du propriétaire sur une ligne. Toute aide sur ce que je pourrais faire de mal ou s'il y a une manière plus propre à Dothis est appréciée.

Answer 1

Vous êtes à l'annexe d'un DIV, qui est un élément de bloc, c'est pourquoi vous obtenez la nouvelle ligne.Vous pouvez soit ajouter un style de flotteur: laissé à cet élément afin qu'il s'inscrit à côté de l'ID ou que vous pourriez mettre la DIV dans le corps de la carte à la place, vous pouvez le trouver mieux là-bas (surtout sur des cartes de largeur étroite).