Corfix Form Builder : utilisation du composant « Devise ».

Ce composant est spécialement conçu pour la saisie de montants monétaires et peut être configuré pour différentes devises.

Où le trouver

Dans votre Corfix Form Builder, cliquez sur un composant « Devise » 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 « Devise » s'affiche pour l'utilisateur.

• Libellé :

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

  • Exemple : « Montant », « Coût », « Valeur totale ».

• Position du libellé :

  • Détermine l'emplacement de l'étiquette par rapport au champ de saisie (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 ce qu'il doit saisir.

  • Exemple : « Saisissez le montant en USD ».

• Description :

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

  • Exemple : « Saisissez le coût total des matériaux en dollars américains. »

• 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 (par exemple, « $ », « € »).

• Suffixe :

  • Texte qui apparaît après le champ de saisie (moins courant pour les devises, mais pouvant s’appliquer à des unités telles que « par unité »).

• Classe CSS personnalisée :

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

• Activer la vérification orthographique :

  • Si cette option est cochée, la vérification orthographique est activée pour le champ de devise (en fonction du navigateur). (Remarque : cette option est souvent moins pertinente pour les saisies numériques).

• Modal d’édition :

  • (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 option 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 « Devise ».

• Valeurs multiples :

  • Si cette case est cochée, cela permet à l’utilisateur de saisir plusieurs montants en devise pour ce champ (par exemple, une liste de dépenses).

• Valeur par défaut :

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

• Devise :

  • Vous permet de sélectionner le type de devise spécifique (par exemple, « Dollar américain (USD) », « Dollar canadien (CAD) », « Euro (EUR) »). Ce choix influe sur le symbole affiché et sur la manière dont la valeur est stockée et validée.

3. Onglet « Validation »

L'onglet « Validation » définit les règles visant à garantir que la valeur monétaire saisie par l'utilisateur répond à des exigences spécifiques.

• Obligatoire :

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

4. Onglet « Conditionnel »

L'onglet « Conditionnel » vous permet de définir des règles déterminant quand ce composant « Devise » doit s'afficher ou se masquer 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 champ « Montant de la remise » ne s’affiche que lorsque la case « Appliquer la remise ? » est cochée.

Panneau d’aperçu

Le panneau d’aperçu situé à droite de la boîte de dialogue vous montre comment le champ de saisie « Devise » s’affichera visuellement sur votre formulaire. Il affiche une zone de saisie de texte et, selon vos paramètres, il peut également afficher un symbole monétaire (bien qu’il ne soit pas explicitement visible sur cette capture d’écran, il s’agit d’une fonctionnalité courante pour ce type de composant).

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

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

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

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

Bonnes pratiques pour le composant « Devise » :

• Étiquette claire : utilisez une étiquette précise telle que « Coût total », « Montant de la facture » ou « Paiement dû ».

• Définissez la devise correcte : sélectionnez toujours la « devise » exacte (par exemple, « Dollar américain (USD) ») afin de garantir un formatage et une interprétation corrects des données.

• Rendez ce champ obligatoire si nécessaire : si une valeur monétaire est essentielle pour l’enregistrement (par exemple, le montant total des dépenses), cochez la case « Obligatoire ».

• Utilisez un espace réservé pour le format : un espace réservé peut indiquer le nombre de décimales attendu ou le format (par exemple, « 0,00 »).

• Affichage conditionnel : masquez les champs de devise lorsqu’ils ne sont pas immédiatement pertinents, afin de rendre le formulaire plus clair (par exemple, n’affichez le champ « Montant du remboursement » que si l’option « Effectuer un remboursement » est sélectionnée).