J’ai développé une action de liste qui dès lors qu’elle est exécutée suite au click sur le bouton, m’ouvre une liste en format editable en cachant certains champs et en n’en montrant que 2. Etant donné qu’il n’y a que 2 champs, je me retrouve avec des colonnes très étirées (Voir ci-dessous).
J’aimerais remédier à tout ça et avoir ma liste au milieu de l’écran avec des colonnes moins larges. J’ai vu un autre post à ce sujet qui date de quelques années et vous suggériez d’ajouter une ressource CSS à notre objet avec le code suivant pour réduire la taille d’une colonne :
La démarche est effectivement la suivante: composez votre CSS modificateur de cet objet, puis ajoutez une resource CSS de code STYLES à votre objet métier.
Arrivez-vous à faire ce que vous souhaitez en modifiant les styles de la page? Il est possible que les sélecteurs aient changé…
Arrivez-vous à modifier un élément simple de la page via la resource STYLES ?
Pour votre première question, je n’ai pas constaté de changements sur l’interface depuis que j’ai implémenté ce code CSS
Pour la 2ème question, je n’arrive pas à trouver de doc qui contiendrait d’exemple d’implémentation CSS donc je ne suis pas en mesure de tester, en connaissez-vous ?
Ce n’était pas le sens de ma question. Arrivez-vous à faire ce que vous souhaitez en modifiant les styles de la page via les developer tools de votre navigateur (ou via une extension dédiée)? Cela permettrait de confirmer que votre code CSS a bien l’effet voulu. Si vous n’arrivez pas à écrire le bon code CSS, il faut se familiariser avec les developer tools pour choisir les bons sélecteurs CSS, etc.
Mettez le header en rouge ou n’importe quelle autre modification triviale. On ne fournit pas de doc pour cela.
J’ai essayé du coup de modifier un élément simple de la page avec du CSS. Quand je passe par le develper tools ca marche, mais dès que je le mets dans ma ressource sur simplicité ça ne fonctionne pas.