Corfix Form Builder : utilisation du composant « Zone de texte »

Le composant « Zone de texte » permet aux clients de Corfix de recueillir des saisies de texte libres dans des formulaires. La zone de texte est utilisée pour recueillir des saisies de texte plus longues, sur plusieurs lignes, de la part des utilisateurs.

Où le trouver

Dans votre générateur de formulaires Corfix, cliquez sur un composant « Zone 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 »

L'onglet « Affichage » permet de définir la manière dont la zone de texte s'affiche pour l'utilisateur.

• Libellé :

  • Il s'agit du nom visible de votre champ « Zone de texte » que les utilisateurs verront. Ce champ est obligatoire.

  • Exemple : « Commentaires », « Description détaillée », « Compte-rendu de réunion ».

• Position du libellé :

  • Détermine l'emplacement de l'étiquette par rapport à la zone de saisie de texte (par exemple : en haut, à gauche, à droite, en bas).

  • Par défaut : en haut.

• Texte d'aide :

  • Texte qui apparaît dans le champ de saisie avant que l'utilisateur ne saisisse quoi que ce soit. Il s'agit d'une indication donnée à l'utilisateur sur ce qu'il doit saisir.

  • Exemple : « Saisissez vos commentaires détaillés ici. »

• Description :

  • Fournit un texte explicatif supplémentaire concernant le champ, généralement affiché sous la zone de saisie.

  • Exemple : « Veuillez fournir autant de détails que possible concernant le problème. »

• Lignes :

  • Spécifie la hauteur initiale visible de la zone de texte en lignes. Les utilisateurs peuvent généralement la redimensionner si l'option « Extension automatique » n'est pas activée.

  • Valeur par défaut : 3.

• Info-bulle :

  • Texte qui s'affiche lorsque l'utilisateur passe la souris sur le champ. Utile pour fournir une aide rapide ou du contexte.

• Préfixe :

  • Texte qui apparaît avant la zone de texte.

• Suffixe :

  • Texte qui s'affiche après la zone de texte.

• Extension automatique :

  • Si cette option est cochée, la zone de texte s'agrandit automatiquement en hauteur à mesure que l'utilisateur saisit du contenu, ce qui rend la barre de défilement superflue.

• Classe CSS personnalisée :

  • Permet aux utilisateurs avancés d’appliquer une mise en forme personnalisée à la zone de texte à l’aide de classes CSS.

• Saisie semi-automatique :

  • Contrôle le comportement de la saisie semi-automatique du navigateur (par exemple, « activée » ou « désactivée »).

  • Par défaut : « activé ».

• Masquer le libellé :

  • Si cette option est cochée, le libellé de la zone de texte ne s'affichera pas.

• Activer la vérification orthographique :

  • Si cette option est cochée, la vérification orthographique est activée pour la zone de texte (en fonction du navigateur).

• Édition modale :

  • (Les détails ne sont pas entièrement visibles sur la capture d'écran, mais cela concerne généralement l'édition dans une fenêtre modale contextuelle).

• Inclure dans les rapports :

  • Si cette case est cochée, les données de ce champ seront incluses dans les rapports.

2. Onglet « Données »

L'onglet « Données » permet de gérer les propriétés des données sous-jacentes du champ de zone de texte.

• Valeurs multiples :

  • Si cette case est cochée, l'utilisateur peut saisir plusieurs entrées de texte long distinctes pour ce champ.

• Valeur par défaut :

  • Texte prérempli qui s'affiche dans la zone de texte lors du chargement du formulaire. Les utilisateurs peuvent remplacer cette valeur.

3. Onglet « Validation »

L'onglet « Validation » définit les règles visant à garantir que les données saisies par l'utilisateur sont valides et répondent à des critères spécifiques pour la saisie de texte long.

• Obligatoire :

  • Si cette case est cochée, l’utilisateur doit saisir du texte dans ce champ avant de valider le formulaire.

• Longueur minimale :

  • Nombre minimum de caractères autorisés dans la zone de texte.

• Longueur maximale :

  • Nombre maximal de caractères autorisés dans la zone de texte.

• Nombre minimum de mots :

  • Le nombre minimum de caractères qu’un mot doit comporter dans la zone de texte.

• Longueur maximale d'un mot :

  • Le nombre maximal de caractères qu’un mot peut comporter dans la zone de texte.

4. Onglet « Conditionnel »

L’onglet « Conditionnel » vous permet de définir des règles déterminant quand ce composant « Zone de texte » doit s’afficher ou se masquer en fonction des valeurs d’autres composants du formulaire.

• Simple :

  • Il s'agit généralement d'un bouton bascule ou d'un menu déroulant permettant de choisir entre une logique conditionnelle simple et une logique conditionnelle avancée.

• Ce composant doit s’afficher :

  • Choisissez si le composant doit être « Affiché » ou « Masqué » (options implicites) en fonction de la condition.

• Lorsque le composant du formulaire :

  • Sélectionnez un autre composant de votre formulaire dont la valeur déclenchera la condition.

• A la valeur :

  • Précisez la valeur exacte que doit avoir le composant de formulaire sélectionné pour que la condition soit remplie.

  Exemple : vous pouvez configurer une règle pour que la zone de texte « Remarques supplémentaires » ne s’affiche que lorsque la case à cocher « Besoin d’explications supplémentaires ? » est cochée (c’est-à-dire qu’elle a la valeur « vrai »).

Panneau d’aperçu

La zone d’aperçu située à droite de la boîte de dialogue vous montre à quoi ressemblera visuellement la « zone de texte » sur votre formulaire. À mesure que vous modifiez des paramètres tels que le libellé, le texte de placeholder ou le nombre de lignes, vous verrez ces changements s’afficher en temps réel.

Actions situées au bas de la boîte de dialogue :

• Enregistrer : enregistre toutes les modifications apportées aux paramètres du composant « Zone de texte ».

• Annuler : annule toutes les modifications non enregistrées et ferme la boîte de dialogue.

• Supprimer : supprime le composant « Zone de texte » du formulaire.

Bonnes pratiques pour le composant « Zone de texte » :

• Libellé descriptif : utilisez toujours un libellé clair indiquant le type de texte long attendu (par exemple, « Notes détaillées », « Description du travail »).

• Définir le nombre de lignes initiales : réglez le paramètre « Lignes » afin d’offrir aux utilisateurs suffisamment d’espace visible pour leur saisie sans que le formulaire ne soit trop long au départ. Un nombre de 3 à 5 lignes constitue souvent un bon point de départ.

• Envisagez l’extension automatique : pour les champs dont la longueur de saisie varie considérablement, cocher « Extension automatique » offre une meilleure expérience utilisateur en évitant l’apparition de barres de défilement.

• Utilisez la validation pour garantir la qualité : cochez « Obligatoire » si le texte est essentiel, et envisagez de définir une « Longueur minimale » si un niveau de détail important est requis.

• Affichage conditionnel : n’affichez les zones de texte que lorsque cela est nécessaire (par exemple, « Description du problème » n’apparaît que si « Problème détecté » est coché).