Ce guide explique comment ajouter des classes CSS personnalisées à la fois à l'élément d'entrée du champ (par exemple, la zone de texte) et à son conteneur externe (le bloc qui gère la mise en page et la largeur).
Ces paramètres sont utiles si vous souhaitez appliquer des styles ou des comportements spécifiques via CSS ou JavaScript.
Procédure Étape par Étape
1. Accéder aux Paramètres Avancés
Dans la configuration du champ spécifique que vous modifiez, faites défiler jusqu'à la section des options. Vous trouverez une case à cocher étiquetée :
Afficher les paramètres avancés
Cochez cette case pour rendre visibles les champs supplémentaires.
2. Ajouter des Classes à l'Input du Champ
Après avoir activé les paramètres avancés, localisez le champ étiqueté :
Classes Input
Saisissez ici les classes CSS que vous souhaitez appliquer directement à l'élément d'entrée (par exemple, l'élément <input>, <select> ou <textarea>). Si vous devez entrer plusieurs classes, séparez-les par un espace.
3. Ajouter des Classes au Conteneur du Champ
Localisez le champ étiqueté :
Classes Conteneur
Saisissez ici les classes CSS que vous souhaitez appliquer au conteneur externe (le div qui englobe l'étiquette et l'entrée du champ). Cette option est utile pour modifier la mise en page ou la visibilité du bloc complet.
4. Enregistrer les Modifications
Une fois les classes souhaitées saisies, procédez à l'enregistrement de tout le formulaire pour rendre effectives les modifications.
