Corfix Form Builder : utilisation du composant « Champ de texte »
Cet article vous explique comment utiliser le champ de texte dans le générateur de modèles.
Le composant « Champ de texte » permet aux clients de Corfix de recueillir des réponses ouvertes sous forme de texte dans des formulaires. Il est flexible, personnalisable et prend en charge une logique conditionnelle avancée.
Où le trouver
Dans votre générateur de formulaires Corfix, cliquez sur un composant « Champ de texte » pour accéder au panneau de configuration. Vous verrez quatre onglets :
-
Affichage
-
Données
-
Validation
-
Conditionnel
Chaque onglet permet de contrôler différents aspects du comportement du champ.
1. Onglet « Affichage »
Permet de définir l’apparence du champ pour les utilisateurs.
| Option | Description |
|---|---|
| Libellé | Nom obligatoire du champ (visible par les utilisateurs). |
| Position du libellé | Choisissez « En haut », « À gauche », « À droite » ou « En bas ». |
| Texte de remplacement | Texte d'exemple grisé à l'intérieur du champ de saisie. |
| Description | S'affiche sous le champ pour fournir davantage de contexte. |
| Info-bulle | Icône d’aide qui s’affiche au survol. |
| Préfixe / Suffixe | Ajoute du texte statique avant ou après la saisie de l'utilisateur. |
| Classe CSS personnalisée | Pour la mise en forme via du CSS personnalisé (utilisation avancée). |
| Saisie semi-automatique | Active les suggestions de remplissage automatique du navigateur. |
| Autres options | Masquer le libellé, Autoriser la vérification orthographique, Modal d'édition, Signalable. |
2. Onglet « Données »
Permet de définir la gestion des valeurs par défaut et des entrées multiples.
| Option | Description |
|---|---|
| Valeurs multiples | Permet plusieurs réponses dans un même champ. |
| Valeur par défaut | Remplit automatiquement le champ avec une réponse courante ou suggérée. |
3. Onglet « Validation »
Active la validation des données saisies. Vous pouvez :
-
Rendre le champ obligatoire
-
Définir des longueurs minimale et maximale
-
Appliquer des expressions régulières pour les règles de mise en forme
4. Onglet « Conditionnel »
Permet d’afficher ou de masquer dynamiquement le champ de texte en fonction des réponses fournies ailleurs dans le formulaire.
| Option | Description |
|---|---|
| Ce composant doit afficher : | Choisissez si le champ doit être affiché ou masqué en fonction d’une condition. |
| Lorsque le composant du formulaire : | Sélectionnez un autre champ du formulaire qui servira de déclencheur. |
| A la valeur : | Définissez la valeur spécifique qui déclenchera l’affichage ou le masquage du champ de texte. |
Exemple d'utilisation :
Afficher un champ intitulé « Autre transaction » uniquement si le menu déroulant « Type de transaction » est réglé sur « Autre ».
Panneau d’aperçu
Le panneau situé à droite de l’éditeur affiche un aperçu en temps réel de votre champ, qui s’actualise au fur et à mesure que vous configurez les paramètres.
Actions d’enregistrement
-
Enregistrer – Applique les modifications.
-
Annuler – Annule les modifications.
-
Supprimer : supprime le champ de votre formulaire.
Bonnes pratiques
-
Utilisez des espaces réservés et des descriptions pour guider les utilisateurs.
-
Tirez parti de la logique conditionnelle pour simplifier l’expérience utilisateur.
-
Testez minutieusement votre formulaire pour vous assurer que toutes les conditions se comportent comme prévu.