Passer au contenu
Français
Se connecter
Contact Us
  • Il n'y a aucune suggestion car le champ de recherche est vide.

Corfix Form Builder : utilisation du composant « Adresse »

Cet article vous explique comment utiliser le composant « Adresse » dans le générateur de modèles.

Ce composant est conçu pour collecter des informations d'adresse et intègre souvent des fonctionnalités telles que la saisie semi-automatique, pour plus de commodité.

Où le trouver

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

  • Libellé :

    • Il s'agit du titre visible de votre champ d'adresse que les utilisateurs verront. Ce champ est obligatoire.

    • Exemple : « Adresse du site », « Emplacement ».

  • Position du libellé :

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

    • Par défaut : en haut.

  • Activer le mode manuel :

    • Si cette option est cochée, elle permet probablement aux utilisateurs de saisir manuellement l'adresse complète lorsque la fonction de saisie automatique ou de recherche ne convient pas ou n'est pas souhaitée.

  • Texte d'aide :

    • Texte qui apparaît dans le champ de saisie avant que l'utilisateur ne commence à taper. Il s'agit d'une indication donnée à l'utilisateur sur ce qu'il doit saisir.

    • Exemple : « Saisissez un lieu », « Rue, Ville, Code postal ».

  • Description :

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

    • Exemple : « Veuillez saisir l'adresse complète du site, y compris la ville et le code postal. »

  • 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 champ d'adresse ne s'affichera pas.

  • 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 des informations d'adresse 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 d'adresse.

  • Valeurs multiples :

    • Si cette case est cochée, cela permet à l’utilisateur de saisir plusieurs adresses pour ce champ (par exemple, pour différents sites).

  • Valeur par défaut :

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

3. Onglet « Validation »

L'onglet « Validation » définit les règles permettant de s'assurer que les données d'adresse saisies par l'utilisateur répondent à des exigences spécifiques.

  • Obligatoire :

    • Si cette case est cochée, l’utilisateur doit saisir une adresse 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 d'adresse 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 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 « Adresse de livraison » ne s’affiche que lorsque la case « Adresse de livraison différente ? » 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 « Adresse » s’affichera visuellement sur votre formulaire. Il comprend généralement un champ de saisie de texte et peut suggérer des fonctionnalités de saisie semi-automatique (telles que « Saisissez un lieu ») en fonction de sa configuration.

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

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

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

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

Bonnes pratiques pour le composant « Adresse » :

  • Définir un libellé : utilisez un libellé spécifique (par exemple, « Adresse du chantier », « Adresse de facturation ») pour éviter toute confusion.

  • Activer le mode manuel (si nécessaire) : envisagez d’activer le « mode manuel » si la recherche automatique d’adresse ne permet pas toujours de trouver des lieux spécifiques ou si la saisie manuelle est fréquente.

  • Rendez ce champ obligatoire pour les données essentielles : si une adresse est indispensable pour un enregistrement (par exemple, pour les bons de travail ou les coordonnées), cochez la case « Obligatoire ».

  • Utilisez un texte d’aide : un texte d’aide tel que « Saisissez un lieu » guide les utilisateurs pour qu’ils commencent à taper afin de bénéficier de la saisie semi-automatique.

  • Affichage conditionnel : masquez le champ d’adresse s’il n’est pas toujours pertinent, et n’affichez-le que lorsque la saisie précédente de l’utilisateur l’exige (par exemple, affichez « Adresse secondaire » si l’option « Ajouter une autre adresse » est sélectionnée).