Project

General

Profile

Personnaliser un composant de formulaire » History » Version 1

Herve Ballans, 07/05/2012 14:33

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 1 Herve Ballans
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