Personnaliser un composant de formulaire¶
Pré-requis: connaitre les notions suivantes pour les CSS : Identifiant, classe, héritage et pseudo-class en CSS
Outil : Firebug
Exemples de scénarios :
Appliquer une classe CSS
Appliquer un style différent au sein d'un même composant de formulaire
Ajouter un fond commun à deux composants
Ajouter un min max pour un composant between
Positionner le label en haut du champ field
Appliquer une classe CSS¶
Pour chaque composant de formulaire dans l'interface admin, il y a un champ CSS. Renseigner un nom (ex: ma_premiere_classe).
Ensuite, allez dans utilities > CSS Editor et éditer le main.css. Ajoutez y la classe que vous avez renseignez (ex : .ma_premiere_classe { } - attention le "." est obligatoire).