Ce guide est destinée aux utilisateurs non techniques qui souhaitent gérer les champs à l'intérieur d'un formulaire existant.
Guide : Ajouter, Modifier ou Réorganiser les Champs du Formulaire
La gestion des champs du formulaire se fait dans la section "Champs" de la configuration du module.
1. Accéder à la Section Champs
1. Connectez-vous au tableau de bord et allez dans la section de gestion des Formulaires.
2. Cliquez sur le formulaire que vous souhaitez modifier.
3. Assurez-vous d'être dans l'onglet Généraux (le premier onglet du processus de modification).
4. Faites défiler jusqu'à la section intitulée Champs. Vous y trouverez la liste des champs actuels.
2. Ajouter un Nouveau Champ
1. Dans la section Champs, cliquez sur le bouton pour ajouter un nouvel élément (généralement étiqueté "Ajouter champ" ou avec une icône "+").
2. L'écran de configuration du nouveau champ s'ouvrira.
3. Configurer les Paramètres de Base du Champ
Une fois le panneau de configuration du champ ouvert, définissez les options suivantes :
| Paramètre | Description |
|---|---|
| Nom du champ | Le nom qui sera affiché à l'utilisateur (par exemple, "Votre Nom"). |
| Type de champ | Définit la fonction générale du champ (ex. Champ de Saisie, Champ avec Valeurs, Section de Texte). |
| Type d'entrée | Définit le type spécifique d'entrée (ex. Texte, Email, Téléphone, Numérique, Fichier, Choix unique, Case à cocher d'acceptation). |
| Suggestion pour le champ | Le texte affiché à l'intérieur du champ avant que l'utilisateur ne saisisse (placeholder). |
| Valeur par défaut | Une valeur qui remplit automatiquement le champ lorsque le formulaire est chargé. |
| Largeur du champ | Permet de définir l'espace que doit occuper le champ sur l'appareil (ex. 50% ou 100%). |
| Lecture seule | Si cochée, l'utilisateur peut voir la valeur mais ne peut pas la modifier. |
| Obligatoire | Si cochée, l'utilisateur doit remplir le champ pour pouvoir envoyer le formulaire. |
3.1. Gérer les Valeurs pour les Champs à Choix Multiple (Select, Radio, Checkbox)
Si vous avez sélectionné un Type de champ nécessitant des options (comme un select, radio ou multi-checkbox), une section apparaîtra pour gérer les valeurs.
1. Dans cette section, cliquez sur le bouton pour ajouter une nouvelle option.
2. Pour chaque option, remplissez :
- Valeur : La donnée technique qui sera sauvegardée si l'utilisateur sélectionne cette option.
- Texte : Le texte qui sera montré à l'utilisateur.
4. Paramètres Avancés
Si vous avez besoin d'options de configuration plus spécifiques, cochez la case Afficher les paramètres avancés.
Ici vous pourrez définir :
- ID Champ : Un identifiant unique et technique pour le champ (utile pour les développeurs ou pour les Conditions d'affichage).
- Classes Input : Classes CSS à appliquer directement à l’élément input.
- Classes Conteneur : Classes CSS à appliquer au conteneur du champ.
- Conditions d'affichage : Cochez Appliquer conditions pour définir des règles logiques rendant le champ visible uniquement si d'autres champs satisfont certains critères.
5. Modifier ou Réorganiser les Champs
Modifier un Champ Existant
1. Dans la section Champs, cliquez sur le titre du champ que vous souhaitez modifier.
2. Le panneau de configuration s'ouvrira, vous permettant de changer n'importe quel paramètre (Nom du champ, Type d'entrée, etc.).
Réorganiser les Champs
1. Dans la section Champs, cliquez et maintenez enfoncée l'icône de réorganisation (généralement deux ou trois lignes horizontales) à côté du nom du champ.
2. Faites glisser le champ à la position souhaitée dans la liste.
3. Relâchez pour fixer la nouvelle position.
6. Enregistrer les Modifications
Après avoir ajouté, modifié ou réorganisé les champs :
1. Faites défiler jusqu'en bas de la page du formulaire.
2. Cliquez sur le bouton Enregistrer ou Suivant pour continuer avec les onglets suivants et finaliser l'enregistrement du formulaire.
