Ce guide explique comment appliquer des classes CSS personnalisées au bouton d'envoi d'un formulaire ou à son élément conteneur (le div qui l'encadre), utile pour la personnalisation graphique via des feuilles de style externes.
> Note : Pour suivre cette procédure, vous devez disposer des classes CSS que vous souhaitez appliquer.
Procédure Étape par Étape
1. Accédez à la Modification du Formulaire
Ouvrez le formulaire que vous souhaitez modifier dans l'interface d'administration.
2. Allez à la Section Générale
Assurez-vous de vous trouver dans la première section du formulaire, intitulée Général.
3. Localisez les Paramètres du Bouton d'Envoi
Faites défiler vers le bas jusqu'à trouver le cadre intitulé Bouton d'envoi.
4. Choisissez où Appliquer les Classes
Dans ce cadre, vous trouverez deux champs texte pour saisir les classes :
- Classes Input : Utilisez ce champ pour ajouter des classes directement à l'élément
input(le bouton lui-même). - Classes Conteneur : Utilisez ce champ pour ajouter des classes au
divcontenant le bouton d'envoi (utile pour contrôler la disposition ou la largeur).
5. Saisissez les Classes CSS
Dans le champ souhaité (Classes Input ou Classes Conteneur), tapez les classes CSS que vous voulez appliquer.
> Exemple : Si vous voulez appliquer les classes btn-custom et large-button, écrivez : btn-custom large-button (en séparant les classes par un espace).
6. Enregistrez les Modifications
Terminez la procédure d'enregistrement du formulaire (généralement en cliquant sur le bouton de sauvegarde ou en poursuivant avec les étapes suivantes de l'assistant) pour rendre effectives les classes CSS sur le frontend.
