Attribuer des classes CSS à l'input ou au conteneur du champ

Ce guide explique comment ajouter des classes CSS personnalisées à un champ spécifique du formulaire ou à son conteneur (la zone qui englobe le label et l'input).

Cette fonctionnalité est utile si vous souhaitez appliquer des styles spécifiques ou des comportements JavaScript à des éléments individuels du formulaire.

---

1. Attribuer des classes à un champ du formulaire

Pour attribuer des classes à un champ spécifique (comme un champ texte, une case à cocher ou un menu déroulant), suivez ces étapes :

1. Accédez à la section de modification du formulaire et allez dans l'onglet Generali.

2. Dans la section Campi, localisez le champ que vous souhaitez modifier et cliquez dessus pour développer ses paramètres.

3. Faites défiler jusqu'en bas des paramètres du champ et cochez la case Mostra impostazioni avanzate.

• Nota : Si cette case est déjà cochée, vous pouvez passer cette étape.

4. Une fois les paramètres avancés affichés, vous verrez deux champs dédiés à l'insertion des classes :

• Classi Input : Saisissez ici les classes CSS que vous souhaitez appliquer directement à l'élément input (par exemple, la balise <input>, <select> ou <textarea>).
• Classi Contenitore : Saisissez ici les classes CSS que vous souhaitez appliquer au conteneur principal du champ (l'élément div qui englobe le label et l'input).

5. Insérez les classes souhaitées, en les séparant par un espace (par exemple : mia-classe-rossa nascondi-su-mobile).

6. Enregistrez le formulaire pour appliquer les modifications.

2. Attribuer des classes au bouton d'envoi

Vous pouvez également personnaliser le bouton d'envoi (Submit) du formulaire.

1. Accédez à la section de modification du formulaire et allez dans l'onglet Generali.

2. Faites défiler jusqu'à la section Pulsante di invio.

3. Dans cette section, vous trouverez les champs suivants :

• Classi Input : Saisissez les classes CSS que vous souhaitez appliquer directement au bouton d'envoi.
• Classi Contenitore : Saisissez les classes CSS que vous souhaitez appliquer au conteneur du bouton (utile pour gérer l'alignement ou l'espacement).

4. Insérez les classes souhaitées.

5. Enregistrez le formulaire pour appliquer les modifications.