Personnaliser un composant de formulaire » History » Version 4
Version 3 (Herve Ballans, 07/05/2012 14:35) → Version 4/7 (Herve Ballans, 07/05/2012 17:11)
h1. Personnaliser un composant de formulaire
1/ Pré-requis:
Connaitre les notions suivantes pour les CSS : Identifiant, classe, héritage et pseudo-class en CSS
2/ Outil
Firebug
[[Personnaliser_un_composant_de_formulaire#css_class|Appliquer [[Appliquer une classe CSS]] CSS#css_class]]
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
h2(#css_class). 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).
h2(#style). Appliquer un style différent au sein d'un même composant de formulaire
1/ Pré-requis:
Connaitre les notions suivantes pour les CSS : Identifiant, classe, héritage et pseudo-class en CSS
2/ Outil
Firebug
[[Personnaliser_un_composant_de_formulaire#css_class|Appliquer [[Appliquer une classe CSS]] CSS#css_class]]
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
h2(#css_class). 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).
h2(#style). Appliquer un style différent au sein d'un même composant de formulaire