Personnaliser un composant de formulaire » History » Version 4
Herve Ballans, 07/05/2012 17:11
| 1 | 1 | Herve Ballans | h1. Personnaliser un composant de formulaire |
|---|---|---|---|
| 2 | 1 | Herve Ballans | |
| 3 | 1 | Herve Ballans | 1/ Pré-requis: |
| 4 | 1 | Herve Ballans | Connaitre les notions suivantes pour les CSS : Identifiant, classe, héritage et pseudo-class en CSS |
| 5 | 1 | Herve Ballans | |
| 6 | 1 | Herve Ballans | 2/ Outil |
| 7 | 1 | Herve Ballans | Firebug |
| 8 | 1 | Herve Ballans | |
| 9 | 4 | Herve Ballans | [[Personnaliser_un_composant_de_formulaire#css_class|Appliquer une classe CSS]] |
| 10 | 1 | Herve Ballans | Appliquer un style différent au sein d'un même composant de formulaire |
| 11 | 1 | Herve Ballans | Ajouter un fond commun à deux composants |
| 12 | 1 | Herve Ballans | Ajouter un min max pour un composant between |
| 13 | 1 | Herve Ballans | Positionner le label en haut du champ field |
| 14 | 1 | Herve Ballans | |
| 15 | 1 | Herve Ballans | |
| 16 | 1 | Herve Ballans | h2(#css_class). Appliquer une classe CSS |
| 17 | 1 | Herve Ballans | |
| 18 | 1 | Herve Ballans | Pour chaque composant de formulaire dans l'interface admin, il y a un champ CSS. Renseigner un nom (ex: ma_premiere_classe). |
| 19 | 1 | Herve Ballans | 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). |
| 20 | 1 | Herve Ballans | |
| 21 | 1 | Herve Ballans | |
| 22 | 1 | Herve Ballans | |
| 23 | 1 | Herve Ballans | |
| 24 | 1 | Herve Ballans | |
| 25 | 1 | Herve Ballans | |
| 26 | 1 | Herve Ballans | |
| 27 | 1 | Herve Ballans | |
| 28 | 1 | Herve Ballans | |
| 29 | 1 | Herve Ballans | |
| 30 | 1 | Herve Ballans | |
| 31 | 1 | Herve Ballans | |
| 32 | 1 | Herve Ballans | |
| 33 | 1 | Herve Ballans | |
| 34 | 1 | Herve Ballans | |
| 35 | 1 | Herve Ballans | |
| 36 | 1 | Herve Ballans | |
| 37 | 1 | Herve Ballans | |
| 38 | 1 | Herve Ballans | |
| 39 | 1 | Herve Ballans | |
| 40 | 1 | Herve Ballans | |
| 41 | 1 | Herve Ballans | |
| 42 | 1 | Herve Ballans | |
| 43 | 1 | Herve Ballans | |
| 44 | 1 | Herve Ballans | |
| 45 | 1 | Herve Ballans | h2(#style). Appliquer un style différent au sein d'un même composant de formulaire |