Discussion :

[Romanops]

Bonjour !!

Je cherche à intégrer une classe css sur un formulaire généré via sfForm de Symfony. J'ai cherché sur google, et apparemment, la seule solution serait de créer un style pour chaque input (ce qui me parait assez lourd comme boulot, surtout que j'ai souvent une vingtaine de propriété dans une table).

Je m'explique... j'ai créé des styles css pour des champs formulaires :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
label
{
  font-family: Verdana;
  font-size: 10pt;
}
 
label.texte
{
  width: 130px;
  display: block;
  float: left;
}
 
input
{
  margin-bottom: 2px;
}
 
input.texte
{
  border : 1px solid #bbb;
  font-family: Verdana;
  font-size: 10pt;
  width: 140px;
 
}
 
input.radio
{
  border : 1px solid #bbb;
  margin-bottom: 5px;
}
 
input.bouton
{
  border : 1px solid #bbb;
  font-family: Verdana;
  font-size: 10pt;
  width: 270px;
}
 
textarea.texte
{
  border : 1px solid #bbb;
  font-family: Verdana;
  font-size: 10pt;
  width: 270px;
  height: 72px;
  margin-bottom: 2px;
}

J'aimerais les utiliser de la manière suivante : tous les champs texte classiques avec un style particulier (ici input.texte, à remplir donc avec la propriété class="texte" dans le input en HTML), idem pour les champs input radio, champs textarea etc...

Corrigez-moi si je me trompe mais apparemment il faudrait créer un style pour chaque champ généré (selon cette page) grâce à la propriété html id. Par exemple : pour le champ NomClient, le champ généré aura l'id NomClient, donc il faut créer un Style css comme suit :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
#NomClient
{
  border : 1px solid #bbb;
  font-family: Verdana;
  font-size: 10pt;
  width: 140px;
 
}

Seulement pour chaque champ ????!!

Voilà, j'aimerais savoir s'il existe une autre solution. Merci d'avance si vous avez la réponse

[Maerlyn31]

En dehors de toute considération Symfony, les sélecteurs CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
input[type=texte]
{
 
}
input[type=radio]
{
 
}
....

te permettent d'obtenir ce genre de comportement.
Si tu veux ajouter d'autres classes, tu peux le faire soit dans tes classes de formulaire (en ajoutant un array d'option dans ta définition de widget), soit dans les templates, comme expliqué ici ==> http://www.symfony-project.org/forms...w_sur_un_champ

[Romanops]

Encore une fois : merci. Ça fonctionne !!