Corfix Form Builder : utilisation du composant « Radio »

Un composant « Radio » (ou « boutons radio ») permet aux utilisateurs de sélectionner une seule option parmi une liste prédéfinie.

Où le trouver

Dans votre Corfix Form Builder, cliquez sur un composant « Champ de texte » pour accéder au panneau de configuration. Vous verrez quatre onglets :

• Affichage

• Données

• Validation

• Conditionnel

1. Onglet « Affichage »

L'onglet « Affichage » permet de contrôler la manière dont le composant « Radio » s'affiche pour l'utilisateur.

• Libellé :

  • Il s'agit du titre principal de votre groupe de boutons radio, tel qu'il s'affichera pour les utilisateurs. Ce champ est obligatoire.

  • Exemple : « Mode de communication préféré », « Sexe », « Type de service ».

• Position du libellé :

  • Détermine l'emplacement de l'étiquette principale par rapport au groupe d'options (par exemple : en haut, à gauche, à droite, en bas).

  • Par défaut : En haut.

• Position des libellés des options :

  • Permet de définir l'emplacement des libellés des options individuelles par rapport à leurs boutons radio respectifs (par exemple, à droite, à gauche).

  • Par défaut : À droite.

• Description :

  • Fournit un texte explicatif supplémentaire pour le composant, généralement affiché sous le libellé principal.

  • Exemple : « Veuillez ne sélectionner qu'une seule option. »

• Info-bulle :

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

• Classe CSS personnalisée :

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

• Mise en page en ligne :

  • Si cette option est cochée, les éléments s'afficheront horizontalement (côte à côte) plutôt que verticalement (les uns en dessous des autres).

• Masquer le libellé :

  • Si cette option est cochée, le libellé principal du composant ne s'affichera pas.

• É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).

• Inclure dans les rapports :

  • Si cette case est cochée, les données de ce champ (la valeur de l'option sélectionnée) seront incluses dans les rapports.

2. Onglet « Données »

L'onglet « Données » vous permet de définir les choix effectivement proposés à l'utilisateur pour ce composant.

• Valeur par défaut :

  • Vous permet de présélectionner une option au chargement du formulaire. Les utilisateurs peuvent modifier cette sélection.

• Valeurs :

  • Il s'agit d'un tableau dans lequel vous définissez chaque option de bouton radio.

    • Indicateur : (Fonctionnalité qui n'apparaît pas clairement sur la capture d'écran ; probablement destinée à un usage interne ou à des fonctionnalités avancées telles que les icônes).

    • Libellé : Texte visible qui apparaît à côté du bouton radio pour chaque option (par exemple, « Oui », « Non », « Option C »).

    • Valeur : la valeur de données réelle qui sera enregistrée lorsque cette option spécifique sera sélectionnée. Ce champ est obligatoire. Il est souvent recommandé de définir la valeur comme une version simplifiée et lisible par machine du libellé (par exemple, libellé « Option A » -> valeur « optionA »).

    • Ajouter une autre option : cliquez sur ce bouton pour ajouter d’autres options à votre liste.

3. Onglet « Validation »

L’onglet « Validation » définit les règles permettant de s’assurer que la sélection de l’utilisateur répond à des exigences spécifiques.

• Obligatoire :

  • Si cette case est cochée, l’utilisateur doit sélectionner une option dans la liste avant de valider le formulaire.

4. Onglet « Conditionnel »

L'onglet « Conditionnel » vous permet de définir des règles déterminant quand l'ensemble de ce composant radio 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 les boutons radio « Avez-vous besoin d’un repas végétarien ? » ne s’affichent que lorsque la case « Participe au dîner » est cochée.

Panneau d’aperçu

Le panneau d’aperçu situé à droite de la boîte de dialogue vous montre comment les boutons « Radio » s’afficheront visuellement sur votre formulaire. À mesure que vous définissez des options dans l’onglet « Données » ou que vous ajustez les paramètres d’affichage, ces modifications sont immédiatement prises en compte.

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

• Enregistrer : enregistre toutes les modifications apportées aux paramètres du composant « Boutons radio ».

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

• Supprimer : supprime le composant Radio du formulaire.

Bonnes pratiques pour le composant « Radio » :

• À utiliser pour un choix unique : les boutons radio sont spécialement destinés aux cas où les utilisateurs doivent sélectionner une seule option parmi une liste.

• Des libellés clairs pour les options : veillez à ce que chaque option de bouton radio soit accompagnée d’un libellé concis et compréhensible (par exemple, « Oui », « Non », « Peut-être »).

• Définissez une valeur par défaut (le cas échéant) : s’il existe un choix le plus courant ou le plus sûr, envisagez de définir une « valeur par défaut » afin d’accélérer la saisie par l’utilisateur.

• Rendez le champ obligatoire : pour les décisions critiques où un choix est obligatoire, cochez la case « Obligatoire » dans l’onglet Validation.

• Affichage conditionnel : masquez le groupe de boutons radio jusqu’à ce qu’il soit pertinent au regard des saisies précédentes de l’utilisateur afin de préserver la clarté du formulaire.