Corfix Form Builder : utilisation du composant « Projet »

Cet article présente les différents paramètres disponibles pour un « composant de projet » dans Corfix. Ce composant est spécialement conçu pour sélectionner un ou plusieurs projets parmi votre liste de projets préexistants dans Corfix.

Où le trouver

Dans votre générateur de formulaires Corfix, cliquez sur un composant de projet pour accéder au panneau de configuration. Vous verrez quatre onglets :

• Affichage

• Données

• Validation

• Conditionnel

1. Onglet « Affichage »

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

• Libellé :

  • Il s'agit du titre visible du champ de sélection de projet que les utilisateurs verront. Ce champ est obligatoire.

  • Exemple : « Projet associé », « Nom du projet », « Projet contractuel ».

• Position du libellé :

  • Détermine l'emplacement de l'étiquette par rapport au champ de sélection du projet (par exemple : en haut, à gauche, à droite, en bas).

  • Par défaut : en haut.

• Type de widget :

  • Spécifie le type d’élément d’interface utilisateur utilisé pour sélectionner les projets. « ChoicesJS » propose un menu déroulant plus avancé, doté de fonctionnalités de recherche et, éventuellement, de sélection multiple.

• Texte d'aide :

  • Texte qui s'affiche dans le champ de saisie avant que l'utilisateur n'effectue une sélection. Il s'agit d'une indication destinée à l'utilisateur sur la marche à suivre.

  • Exemple : « Sélectionnez un projet… », « Rechercher un projet ».

• Description :

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

  • Exemple : « Choisissez le projet auquel cet enregistrement appartient. »

• Info-bulle :

  • Texte qui s'affiche lorsque l'utilisateur passe la souris sur le champ. 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.

• Masquer le libellé :

  • Si cette option est cochée, le libellé 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).

• Inclus dans les rapports :

  • Si cette case est cochée, les données de ce champ (le ou les projets sélectionnés) seront incluses dans les rapports.

2. Onglet « Données »

L'onglet « Données » permet de gérer la manière dont les données du projet sont traitées et stockées.

• Valeurs multiples :

  • Si cette case est cochée, l’utilisateur peut sélectionner plusieurs projets pour ce champ. Cette option est utile lorsqu’un enregistrement ou un élément peut être associé à plusieurs projets.

• Valeur par défaut :

  • Vous permet de présélectionner un ou plusieurs projets spécifiques au chargement du formulaire. Les utilisateurs peuvent modifier cette sélection.

3. Onglet « Validation »

L'onglet « Validation » définit les règles applicables au champ de sélection de projet.

• Obligatoire :

  • Si cette case est cochée, l’utilisateur doit sélectionner au moins un projet avant de valider le formulaire.

4. Onglet « Conditionnel »

L'onglet « Conditionnel » vous permet de définir des règles déterminant quand ce composant « Projet » 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 « Composant du projet » ne s’affiche que lorsque la case « Lié au projet ? » est cochée.

Fenêtre d’aperçu

Le panneau d’aperçu situé à droite de la boîte de dialogue vous montre comment le champ de sélection « Projet » s’affichera visuellement sur votre formulaire. Il se présente généralement sous la forme d’une liste déroulante ou d’un champ de recherche, et s’actualise instantanément lorsque vous modifiez les paramètres d’affichage.

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

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

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

• Supprimer : supprime le composant « Projet » du formulaire.

Bonnes pratiques pour le composant « Projet » :

• Libellé clair : utilisez un libellé spécifique (par exemple, « Projet associé », « ID du projet ») afin que les utilisateurs sachent exactement quel projet ils sélectionnent.

• Autoriser plusieurs valeurs si applicable : si un enregistrement peut réellement être lié à plusieurs projets, activez l’option « Valeurs multiples » pour plus de flexibilité.

• Rendez ce champ obligatoire pour les enregistrements essentiels : pour les enregistrements qui doivent être liés à un projet, cochez la case « Obligatoire » dans l’onglet Validation.

• Utilisez des espaces réservés : proposez un espace réservé utile, tel que « Sélectionnez un projet… », pour guider les utilisateurs, en particulier s’ils doivent effectuer une recherche dans une longue liste.

• Affichage conditionnel : n’affichez le champ « Projet » que lorsqu’il est pertinent par rapport aux saisies précédentes, ce qui rend le formulaire plus dynamique et plus convivial.