Corfix Form Builder : utilisation du composant « Nombre »

Le composant « Nombre » permet aux clients de Corfix d’ajouter des nombres dans les formulaires Corfix. Une particularité de ce champ est qu’il ouvre le pavé numérique plutôt que le clavier sur les appareils mobiles

Base de connaissances Corfix : Paramètres du composant « Nombre »

Ce guide explique les différents paramètres disponibles pour un « composant Nombre » dans Corfix, comme le montrent les captures d’écran fournies.

Lorsque vous ajoutez ou modifiez un composant « Nombre », une boîte de dialogue comportant quatre onglets principaux s'affiche : Affichage, Données, Validation et Conditionnel.

1. Onglet « Affichage »

L’onglet Affichage permet de contrôler la manière dont le champ de saisie numérique s’affiche pour l’utilisateur.

• Libellé :

  • Il s'agit du nom visible de votre champ numérique que les utilisateurs verront. Ce champ est obligatoire.

  • Exemple : « Quantité », « Numéro d'employé », « Température ».

• Position du libellé :

  • Détermine l'emplacement de l'étiquette par rapport à la zone de saisie numérique (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 le type de nombre à saisir.

  • Exemple : « Saisissez un nombre compris entre 1 et 100 ».

• Description :

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

  • Exemple : « Veuillez saisir le nombre total d'heures travaillées. »

• 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 ou symbole qui apparaît devant le champ de saisie, souvent utilisé pour les symboles monétaires ou les unités de mesure.

  • Exemple : « $ », « € », « N° ».

• Suffixe :

  • Texte ou symbole qui apparaît après le champ de saisie, souvent utilisé pour les unités de mesure.

  • Exemple : « kg », « lbs », « cm », « °C ».

• Classe CSS personnalisée :

  • Permet aux utilisateurs avancés d’appliquer une mise en forme personnalisée au champ numérique à 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é du champ numérique ne s'affichera pas.

• Modification dans une fenêtre 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 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 numérique.

• Valeurs multiples :

  • Si cette case est cochée, l’utilisateur peut saisir plusieurs valeurs numériques pour ce champ (par exemple, une liste de notes).

• Valeur par défaut :

  • Valeur numérique préremplie qui s'affiche dans le champ de saisie au chargement du formulaire. Les utilisateurs peuvent remplacer cette valeur.

  • Exemple : pour un champ « Quantité », vous pouvez définir la valeur par défaut sur « 1 ».

• Utiliser un séparateur de milliers :

  • Si cette option est cochée, le nombre s'affichera avec un séparateur de milliers (par exemple, 1 000 000 au lieu de 1000000).

• Décimales :

  • Spécifie le nombre de décimales autorisées pour la saisie d’un nombre.

  • Exemple : si vous saisissez « 2 », des nombres tels que « 10,50 » seront autorisés.

• Décimales obligatoires :

  • Si cette case est cochée, l'utilisateur devra saisir une valeur décimale.

3. Onglet « Validation »

L'onglet « Validation » définit les règles permettant de s'assurer que les données numériques saisies par l'utilisateur sont valides et répondent à des critères spécifiques.

• Obligatoire :

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

• Valeur minimale :

  • Valeur numérique la plus petite autorisée dans ce champ. Si l'utilisateur saisit un nombre inférieur à cette valeur, une erreur se produira.

  • Exemple : pour le champ « Âge », vous pouvez définir la valeur minimale à « 18 ».

• Valeur maximale :

  • La valeur numérique la plus élevée autorisée dans ce champ. Si l'utilisateur saisit un nombre supérieur à cette valeur, une erreur se produira.

  • Exemple : pour le champ « Score », vous pouvez définir la valeur maximale à « 100 ».

4. Onglet « Conditionnel »

L'onglet « Conditionnel » vous permet de définir des règles déterminant quand ce composant numérique doit être affiché ou masqué en fonction des valeurs des 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 (ou la plage/condition, selon le contexte) que le composant de formulaire sélectionné doit avoir pour que le composant numérique s’affiche ou se masque.

  Exemple : vous pouvez configurer une règle pour que le champ numérique « Montant de la remise » ne s’affiche que lorsque la case à cocher « Appliquer la remise ? » est cochée (c’est-à-dire qu’elle a la valeur « vrai »).

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

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

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

• Supprimer : supprime le composant numérique du formulaire.

Zone d’aperçu

La zone d’aperçu affiche une représentation visuelle en temps réel de l’apparence de votre champ de texte sur le formulaire. Les modifications apportées aux paramètres tels que « Libellé », « Texte de remplacement », « Préfixe » ou « Suffixe » s’y reflètent immédiatement.

Bonnes pratiques

• Utilisez des libellés clairs : veillez à ce que les noms de vos champs soient simples et faciles à comprendre (par exemple, « Nom complet » plutôt que « Saisie 1 »).

• Donnez des indications (texte de remplacement/description) : utilisez le texte de remplacement pour donner des exemples (comme « example@email.com ») et la description pour fournir de brèves instructions.

• Marquez les champs obligatoires : cochez toujours la case « Obligatoire » pour les informations qui doivent impérativement être renseignées.

• N’affichez les champs qu’en cas de besoin (conditionnel) : masquez les champs jusqu’à ce qu’ils soient pertinents, par exemple en n’affichant « Autres détails » que si l’option « Autre » est sélectionnée ailleurs.

• Ajoutez du texte fixe (préfixe/suffixe) : utilisez des préfixes ou des suffixes pour les unités (par exemple, « cm ») ou les parties fixes des codes (par exemple, « ID- »).