Corfix Form Builder : utilisation du composant de regroupement.

1. Onglet « Affichage »

L'onglet « Affichage » permet de contrôler l'apparence et l'identification du composant de regroupement.

• Libellé :

  • Il s'agit du titre du composant dans le générateur de formulaires. Bien qu'il s'agisse d'un champ obligatoire, il se peut qu'il ne soit pas toujours mis en évidence pour l'utilisateur sur le formulaire final si vous utilisez également une « Légende ».

  • Exemple : « Composant de regroupement », « Groupe d’informations personnelles ».

• Légende :

  • Il s'agit du titre visible qui apparaît sur la bordure de la section regroupée dans le formulaire proprement dit. Cet élément est essentiel pour guider les utilisateurs.

  • Exemple : « Coordonnées », « Informations relatives au signalement d’incident », « Mode de paiement ».

• Info-bulle :

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

• Classe CSS personnalisée :

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

• Masquer le libellé :

  • Si cette option est cochée, l'étiquette principale du composant ne s'affichera pas sur le formulaire. Elle est souvent cochée lorsque l'option « Légende » est utilisée à la place.

• Édition modale :

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

2. Onglet « Conditionnel »

L'onglet « Conditionnel » vous permet de définir des règles déterminant quand l’ensemble de ce composant de regroupement (et tous les composants qu’il contient) doit être affiché ou masqué 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 le groupe « Coordonnées en cas d’urgence » ne s’affiche que lorsque la case « Avez-vous un contact en cas d’urgence ? » est cochée.

Panneau d’aperçu

Le panneau d’aperçu situé à droite de la boîte de dialogue vous montre comment le « composant de regroupement » s’affichera visuellement sur votre formulaire. Il affiche généralement une zone rectangulaire accompagnée d’un titre (la « légende »), indiquant l’emplacement des champs regroupés. Cela vous aide à visualiser l’organisation que vous êtes en train de créer.

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

• Enregistrer : enregistre toutes les modifications apportées aux paramètres du composant de regroupement.

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

• Supprimer : supprime le composant de regroupement et tous les composants qu’il contient du formulaire.

Bonnes pratiques pour le composant de regroupement :

• Utilisez une légende claire : veillez à toujours fournir une « légende » claire et concise expliquant quelles informations sont regroupées à l’intérieur (par exemple, « Informations personnelles », « Informations de localisation »).

• Regroupez les champs associés : utilisez le regroupement pour organiser de manière logique les champs qui vont ensemble, ce qui améliore la lisibilité du formulaire et le parcours utilisateur.

• Masquez l’étiquette principale : si vous utilisez une « légende », il est généralement préférable de cocher « Masquer l’étiquette » dans l’onglet Affichage afin d’éviter les titres redondants.

• Tirez parti du masquage conditionnel : utilisez l’onglet « Conditionnel » pour afficher ou masquer des sections entières du formulaire en fonction des saisies de l’utilisateur, ce qui rend les formulaires complexes plus dynamiques et moins intimidants.