Corfix Form Builder : utilisation du composant « Signature ».

1. Onglet Affichage

L'onglet « Affichage » permet de contrôler la manière dont le composant « Signature » s'affiche pour l'utilisateur.

• Libellé :

  • Il s'agit du titre principal de votre champ de signature que les utilisateurs verront. Ce champ est obligatoire.

  • Exemple : « Signature d’approbation », « Signature du témoin », « Signature du client ».

• Libellé du pied de page :

  • Texte qui apparaît directement sous la zone de dessin de la signature, indiquant à l'utilisateur où signer.

  • Exemple : « Signez au-dessus de la ligne », « Apposez votre signature ici ».

• Position du libellé :

  • Détermine l'emplacement de l'étiquette principale par rapport au pavé de signature (par exemple, en haut, à gauche, à droite, en bas).

  • Par défaut : en haut.

• Couleur d'arrière-plan :

  • Définit la couleur d'arrière-plan de la zone de saisie de la signature.

  • Par défaut : rgb(245,245,245) (gris clair).

• Couleur du stylo :

  • Définit la couleur de l’« encre » ou du trait tracé par la signature de l’utilisateur.

  • Par défaut : black.

• Description :

  • Fournit un texte explicatif supplémentaire pour le composant, généralement affiché sous l'étiquette principale.

  • Exemple : « Veuillez apposer votre signature autorisée. »

• Info-bulle :

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

  • Si cette option est cochée, l'étiquette principale 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).

2. Onglet « Données »

L'onglet « Données » permet de gérer les propriétés des données sous-jacentes du champ de signature.

• Valeurs multiples :

  • Si cette option est cochée, elle permet à l’utilisateur de saisir plusieurs signatures distinctes dans ce champ. Cela est généralement peu courant pour un composant de signature unique, sauf s’il s’agit d’une liste de signataires.

• Valeur par défaut :

  • Ce champ est destiné à une image ou à des données de signature préexistantes. S’agissant d’un composant de dessin, il est rarement utilisé, sauf si la valeur par défaut est un champ vide ou une image de remplacement.

3. Onglet « Validation »

L’onglet « Validation » définit les règles applicables au champ de signature.

• Obligatoire :

  • Si cette case est cochée, l’utilisateur doit fournir une signature avant de valider le formulaire. C’est très courant pour les composants de signature.

4. Onglet « Conditionnel »

L'onglet « Conditionnel » vous permet de définir des règles déterminant quand ce composant de signature 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 champ « Signature du supérieur hiérarchique » ne s’affiche que lorsque la case « Nécessite l’approbation du supérieur hiérarchique » est cochée.

Panneau d’aperçu

Le panneau d’aperçu situé à droite de la boîte de dialogue vous montre à quoi ressemblera visuellement le bloc « Signature » sur votre formulaire. Il comprend la zone de dessin et une légende de pied de page « Signer ci-dessus », vous offrant ainsi un aperçu en temps réel de l’apparence du composant.

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

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

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

• Supprimer : supprime le composant de signature du formulaire.

Bonnes pratiques pour le composant « Signature » :

• Libellés clairs : utilisez un « libellé » précis (par exemple, « Signature de l’employé ») et un « libellé de pied de page » indicatif (par exemple, « Signez ici ») afin que les utilisateurs sachent où et quoi signer.

• Rendre le champ obligatoire : à des fins juridiques ou de vérification, cochez toujours la case « Obligatoire » dans l’onglet « Validation » afin de garantir qu’une signature soit fournie.

• Définissez des couleurs pour une meilleure lisibilité : choisissez une « Couleur d’arrière-plan » et une « Couleur du stylo » contrastées (comme l’arrière-plan gris clair par défaut avec un stylo noir) pour une visibilité optimale de la signature.

• Utilisez l’affichage conditionnel : n’affichez le champ de signature que lorsqu’il est logiquement requis (par exemple, « Signature du client » n’apparaît qu’après acceptation des conditions).

• Limitez l’option « Valeurs multiples » : en règle générale, ne cochez pas l’option « Valeurs multiples », sauf si vous avez spécifiquement besoin de plusieurs signatures distinctes au sein d’une même instance de composant de signature.