Project

General

Profile

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).

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