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 « Numéro de téléphone »

Cet article vous explique comment utiliser le composant « Numéro de téléphone » dans le générateur de modèles.

Ce composant est spécialement conçu pour la collecte de numéros de téléphone et intègre souvent une mise en forme automatique.

Où le trouver

Dans votre Corfix Form Builder, cliquez sur un composant « Numéro de téléphone » 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 « Numéro de téléphone » s'affiche pour l'utilisateur.

  • Libellé :

    • Il s'agit du nom affiché de votre champ « Numéro de téléphone » que les utilisateurs verront. Ce champ est obligatoire.

    • Exemple : « Numéro de téléphone », « Téléphone de contact », « Portable ».

  • Position du libellé :

    • Détermine l'emplacement de l'étiquette par rapport au champ de saisie du numéro de téléphone (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 : « (123) 456-7890 ».

  • Description :

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

    • Exemple : « Veuillez saisir votre meilleur numéro de téléphone. »

  • 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 qui apparaît avant le champ de saisie (par exemple, un code pays qui est toujours le même).

  • Suffixe :

    • Texte qui apparaît après le champ de saisie (moins courant pour les numéros de téléphone).

  • 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 »). Pour les numéros de téléphone, l’option « activée » est généralement utile.

    • Par défaut : « activé ».

  • Masquer le libellé :

    • Si cette option est cochée, le libellé du champ de numéro de téléphone ne s'affichera pas.

  • Autoriser la vérification orthographique :

    • Si cette option est cochée, elle active la vérification orthographique pour le champ de numéro de téléphone (en fonction du navigateur). (Remarque : cette option est souvent moins pertinente pour les saisies de numéros structurées, mais peut s’avérer utile si le champ autorise la saisie de texte libre).

  • É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).

  • Inclure 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 « Numéro de téléphone ».

  • Valeurs multiples :

    • Si cette case est cochée, cela permet à l’utilisateur de saisir plusieurs numéros de téléphone dans ce champ (par exemple, une liste de numéros de contact).

  • Valeur par défaut :

    • Numéro de téléphone prérempli 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 saisies par l'utilisateur répondent à des exigences spécifiques.

  • Obligatoire :

    • Si cette case est cochée, l’utilisateur doit saisir un numéro de téléphone 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 « Numéro de téléphone » 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 « Numéro de téléphone secondaire » ne s’affiche que lorsque la case « Fournir un contact secondaire ? » est cochée.

Fenêtre d’aperçu

La zone d’aperçu située à droite de la boîte de dialogue vous montre comment le champ de saisie « Numéro de téléphone » s’affichera visuellement sur votre formulaire. Notez la mise en forme automatique (par exemple, (___) ___-____), qui aide les utilisateurs à saisir des numéros dans un format standard.

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

  • Enregistrer : enregistre toutes les modifications apportées aux paramètres du composant « Numéro de téléphone ».

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

  • Supprimer : supprime le composant « Numéro de téléphone » du formulaire.

Bonnes pratiques pour le composant « Numéro de téléphone » :

  • Libellé clair : utilisez un libellé simple tel que « Numéro de téléphone » ou « Téléphone portable » afin que les utilisateurs sachent exactement ce qui est attendu.

  • Envisagez de le rendre « obligatoire » : rendez le champ de numéro de téléphone « obligatoire » s’il est indispensable pour la prise de contact ou la vérification.

  • Autorisez plusieurs valeurs si nécessaire : si les utilisateurs sont susceptibles de devoir fournir plusieurs numéros (par exemple, un numéro de domicile et un numéro de portable), cochez la case « Valeurs multiples ».

  • Utilisez un texte de remplacement pour le format : même avec le formatage automatique, un texte de remplacement tel que « (555) 123-4567 » permet d’indiquer clairement le format de saisie attendu.

  • Affichage conditionnel : masquez les champs de numéro de téléphone qui ne sont pas immédiatement nécessaires, afin de rendre le formulaire plus épuré (par exemple, n’affichez le champ « Numéro de téléphone alternatif » que si l’utilisateur indique en disposer d’un).