Attribuer des classes CSS au bouton d'envoi et à son conteneur

Ce guide vous montre comment ajouter des classes CSS personnalisées à la fois au bouton d'envoi d'un formulaire et à son élément conteneur, en utilisant les paramètres disponibles dans l'interface de gestion.


Attribuer des classes CSS au bouton d'envoi et à son conteneur

Suivez ces étapes pour personnaliser l'apparence du bouton d'envoi (submit) de votre formulaire via des classes CSS :

1. Accédez aux Paramètres Généraux

Dans l'écran de modification du formulaire, assurez-vous d'être à la première étape de l'assistant, intitulée Generali.

2. Repérez la Section Bouton d'Envoi

Faites défiler la section Generali jusqu'à trouver le cadre intitulé Pulsante di invio.

3. Attribuez des Classes au Bouton (Input)

Pour appliquer des styles directement au bouton lui-même (l'élément HTML <input> ou <button>), utilisez le champ :

  • Classi Input

Saisissez dans ce champ les classes CSS que vous souhaitez appliquer au bouton. Si vous devez insérer plusieurs classes, séparez-les par un espace (ex. btn-custom large-font).

4. Attribuez des Classes au Conteneur

Pour appliquer des styles au div contenant le bouton (utile pour gérer l'alignement ou l'espacement externe), utilisez le champ :

  • Classi Contenitore

Saisissez dans ce champ les classes CSS que vous souhaitez appliquer à l'élément conteneur du bouton. Si vous devez insérer plusieurs classes, séparez-les par un espace.

5. Enregistrez les Modifications

Une fois les classes souhaitées saisies, procédez à l'enregistrement du formulaire pour appliquer les modifications.