Corfix Form Builder : utilisation du composant « Tableau ».

1. Onglet « Affichage »

L’onglet « Affichage » permet de contrôler la mise en page et l’apparence générale du composant « Tableau ».

• Libellé :

  • Il s'agit du titre de votre composant de tableau. Bien qu'il s'agisse d'un champ obligatoire, il sert souvent davantage d'identifiant au sein du générateur de formulaires que de libellé visible par l'utilisateur.

  • Exemple : « Tableau des articles », « Mesures », « Liste de contrôle du matériel ».

• Nombre de lignes :

  • Spécifie le nombre initial de lignes horizontales de votre tableau.

  • Valeur par défaut : 3.

• Nombre de colonnes :

  • Indique le nombre initial de colonnes verticales dans votre tableau.

  • Valeur par défaut : 3.

• Cloner les composants de la ligne :

  • Si cette option est cochée, lorsque vous ajoutez une nouvelle ligne au tableau dans le formulaire, les composants de la ligne précédente seront copiés dans la nouvelle ligne. Cela s’avère utile pour répéter des ensembles de champs.

• Alignement des cellules :

  • Détermine l’alignement horizontal par défaut du contenu dans les cellules du tableau (par exemple : à gauche, au centre, à droite).

  • Par défaut : Gauche.

• Classe CSS personnalisée :

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

• Rangées alternées :

  • Si cette option est cochée, les lignes du tableau présenteront des couleurs d’arrière-plan alternées, ce qui peut améliorer la lisibilité des tableaux longs.

• Avec bordures :

  • Si cette option est cochée, le tableau affichera des bordures visibles autour de ses cellules.

• Survol :

  • Si cette option est cochée, les lignes s'illuminent lorsque l'utilisateur passe la souris dessus, ce qui indique une interactivité.

• Condensé :

  • Si cette option est cochée, le tableau utilisera moins d'espacement, ce qui le rendra plus compact.

• Masquer l'étiquette :

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

• Édition modale :

  • (Les détails ne sont pas entièrement visibles sur la capture d'écran, mais cela concerne généralement la modification de composants au sein des cellules du tableau 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 tableau (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 tableau « Liste des équipements » ne s’affiche que lorsque la case à cocher « Avez-vous des équipements à répertorier ? » est cochée.

Fenêtre d’aperçu

La zone d’aperçu située à droite de la boîte de dialogue représente visuellement la structure du tableau que vous êtes en train de créer. Elle affiche la grille de lignes et de colonnes, reflétant le « Nombre de lignes » et le « Nombre de colonnes » que vous avez définis, ce qui vous donne une idée immédiate de la mise en page du tableau.

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

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

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

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

Bonnes pratiques pour le composant « Table » :

• Structurer les données répétitives : utilisez des tableaux pour organiser les champs lorsque vous devez collecter plusieurs fois le même type d’informations de manière structurée (par exemple, une liste d’articles avec leur quantité et leur prix).

• Définissez clairement les lignes et les colonnes : définissez le « Nombre de lignes » et le « Nombre de colonnes » initiaux en fonction de vos besoins habituels en matière de données. Les utilisateurs peuvent souvent ajouter des lignes supplémentaires ultérieurement.

• Utilisez l’option « Cloner les composants de ligne » : si le même ensemble de champs doit être renseigné dans chaque ligne, l’activation de cette option permet de gagner du temps lors de la création du tableau et facilite la tâche de l’utilisateur.

• Améliorez la lisibilité : pensez à cocher les options « Rayures » ou « Bordures » pour une meilleure séparation visuelle des données, en particulier pour les tableaux de grande taille.

• Affichage conditionnel en fonction de la pertinence : affichez ou masquez des tableaux entiers à l’aide d’une logique conditionnelle afin de rendre vos formulaires dynamiques et d’éviter tout encombrement inutile.