Signer électroniquement un formulaire à l’aide de signatures tactiles apply-electronic-signatures-to-a-form-using-deprecated-scribble-signatures

Adobe recommande d’utiliser les composants principauxde capture de données modernes et extensibles pour créer de nouveaux formulaires adaptatifsou ajouter des formulaires adaptatifs à des pages AEM Sites. Ces composants représentent une avancée significative dans la création de formulaires adaptatifs, ce qui garantit des expériences utilisateur impressionnantes. Cet article décrit l’ancienne approche de la création de formulaires adaptatifs à l’aide de composants de base.

Version
Lien de l’article
AEM 6.5
Cliquez ici
AEM as a Cloud Service
Cet article

Vous pouvez utiliser le composant Scribble Signature pour dessiner la signature (Griffonnage) sur un formulaire adaptatif.

Boîte de dialogue de signature tactile

Diverses options disponibles dans la fenêtre de signature.

  • A : cliquez sur l’icône Pinceau pour tracer votre signature sur la zone de travail.
  • B : cliquez sur l’icône Effacer pour effacer la signature sur la zone de travail.
  • C : cliquez sur l’icône Géolocalisation pour ajouter une géolocalisation avec la signature.
  • D : cliquez sur l’icône Clavier pour saisir votre nom sur la zone de travail.

Une fois que vous avez sélectionné l’icône Terminé aem_forms_save dans la fenêtre de signature tactile, vous ne pouvez pas modifier la signature. Si vous souhaitez modifier la signature, vous devez ignorer la signature actuelle et la signer à nouveau à l’aide de l’option Pinceau/Clavier ci-dessus.

Vous pouvez sélectionner l’icône Configurer Configurer l’icône pour définir les proportions du canevas de signature tactile.

  • Lorsque le rapport d’aspect de la zone de travail de signature tactile est inférieur à 1, les informations de géolocalisation sont ajoutées au bas de la zone de travail de signature tactile.

  • Lorsque le rapport d’aspect de la zone de travail de signature tactile est supérieur à 1, les informations de géolocalisation sont ajoutées au côté droit de la zone de travail de signature tactile.

Bas de la signature tactile

NOTE
Les signatures sont toujours enregistrées au format PNG.

Configuration d’un formulaire adaptatif pour utiliser la signature tactile configure-an-adaptive-form-to-use-scribble-signature

  1. Ouvrez un formulaire adaptatif en mode d’édition.

  2. Faites glisser le composant Signature tactile depuis le navigateur de composant et déposez-le dans le formulaire adaptatif.

  3. Sélectionnez l’icône Configurer configurer . Vous ouvrez ainsi le navigateur de propriétés qui affiche les propriétés du composant Signature tactile. Configurez les propriétés de la signature tactile comme expliqué dans la section suivante.

    Signature tactile

  4. Sélectionnez l’icône Terminé aem_forms_save pour enregistrer les modifications. La signature est correctement configurée.

Configuration des propriétés du composant Signature tactile

Vous pouvez facilement personnaliser votre composant Signature tactile pour les visiteurs qui utilisent la boîte de dialogue Configurer .

Onglet De base

Onglet De base

  • Nom - Vous pouvez identifier facilement un composant de formulaire en lui attribuant un nom unique dans le formulaire et dans l’éditeur de règles, mais le nom ne doit pas contenir d’espaces ni de caractères spéciaux.

  • Titre - Avec son titre, vous pouvez facilement identifier un composant dans un formulaire. Par défaut, le titre s’affiche au-dessus du composant. Si vous n’ajoutez pas de titre, le nom du composant s’affiche à la place du texte du titre.

  • Autoriser le texte enrichi pour le titre - Cette fonctionnalité permet aux personnes de mettre en forme les titres en texte brut en y incorporant des fonctionnalités telles que le texte en gras, en italique et souligné, diverses polices, tailles de police et couleurs, et d’autres options pour améliorer la présentation visuelle et la personnalisation. Elle offre une plus grande flexibilité et un contrôle créatif pour faire ressortir les titres dans les documents, sites web ou applications.
    Lorsque vous cochez la case Autoriser le texte enrichi pour le titre, les options de formatage deviennent visibles pour appliquer un style au titre du composant. Pour accéder à toutes les options de formatage disponibles, vous pouvez cliquer sur l’onglet Fullscreen icon .

    Prise en charge de texte enrichi

  • Masquer le titre - Sélectionnez cette option pour masquer le titre du composant.

  • Champ obligatoire - Sélectionnez l’option pour rendre le champ obligatoire.

  • Message de champ obligatoire - Le Message de champ obligatoire est un message personnalisable affiché pour les utilisateurs lorsqu’ils tentent d’envoyer un formulaire sans remplir un champ obligatoire.

  • Référence de liaison de modèle de données - Une référence de liaison est une référence à un élément de données stocké dans une source de données externe et utilisé dans un formulaire. La référence de liaison vous permet de lier dynamiquement les données aux champs du formulaire, de sorte que le formulaire puisse afficher les données les plus récentes de la source de données. Par exemple, une référence de liaison peut être utilisée pour afficher le nom et l’adresse d’un client ou d’une cliente dans un formulaire, en fonction de l’identifiant du client ou de la cliente saisi dans le formulaire. La référence de liaison peut également être utilisée pour mettre à jour la source de données avec les données saisies dans le formulaire. Ainsi, AEM Forms vous permet de créer des formulaires qui interagissent avec des sources de données externes, offrant ainsi une expérience utilisateur fluide pour la collecte et la gestion des données.

  • Masquer l’objet - Sélectionnez l’option pour masquer le composant du formulaire. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles. Cela s’avère utile lorsque vous devez stocker des informations qui n’ont pas besoin d’être affichées ou directement modifiées par les utilisateurs ou les utilisatrices.

  • Désactiver l’objet - Sélectionnez l’option pour désactiver le composant. Le composant désactivé n’est pas actif ni modifiable par l’utilisateur final ou l’utilisatrice finale. L’utilisateur ou l’utilisatrice peut voir la valeur du champ mais ne peut pas la modifier. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles.

  • Format - Le format d’un composant Signature tactile définit la relation proportionnelle entre sa largeur et sa hauteur.

  • Disposition du champ - L’option Disposition du champ détermine la manière dont les éléments du formulaire, y compris les libellés (légendes) et les messages d’erreur, sont positionnés par rapport au composant. La légende et erreur en tant que haut du widget positionne la légende (libellé) du champ et les messages d’erreur au-dessus du composant. Hériter de la configuration de formulaire adaptatif utilise les paramètres de disposition de champ par défaut spécifiés dans la configuration de formulaire adaptatif.

  • Classe CSS - La classe CSS vous permet d’appliquer des styles personnalisés à un composant en affectant une ou plusieurs classes CSS définies dans votre feuille de style. Il permet un style et une personnalisation cohérents de la mise en page dans votre formulaire adaptatif.

Contenu de l'aide

Onglet Contenu d’aide

  • Description courte : Une description courte est une brève explication textuelle qui fournit des informations supplémentaires ou une clarification sur l’objectif d’un champ de formulaire spécifique. Il permet à l’utilisateur ou l’utilisatrice de comprendre le type de données à saisir dans le champ et peut fournir des conseils ou des exemples pour s’assurer que les informations saisies sont valides et répondent aux critères souhaités. Par défaut, les descriptions courtes restent masquées. Activez l’option Toujours afficher une description courte pour l’afficher sous le composant.

  • Toujours afficher une description courte - Activez cette option pour afficher la description courte sous le composant.

  • Description longue - Il fait référence à des informations ou des conseils supplémentaires fournis à l’utilisateur pour l’aider à remplir correctement un champ de formulaire. Il s’affiche lorsque l’utilisateur ou l’utilisatrice clique sur l’icône d’aide (i) placée à côté du composant. Il fournit des informations plus détaillées que le libellé ou le texte d’espace réservé d’un champ de formulaire. Il est conçu pour aider l’utilisateur à comprendre les exigences ou les contraintes du champ. Il peut également proposer des suggestions ou des exemples pour faciliter le remplissage du formulaire et le rendre plus précis.

Onglet Accessibilité accessibility

Onglet Accessibilité

Dans l’onglet Accessibilité, les valeurs peuvent être définies pour les libellés d’accessibilité ARIA du composant. Plusieurs options sont disponibles pour l’utilisation du texte pour le lecteur d’écran :

  • Précédence du Reader d’écran - La priorité du Reader d’écran fait référence à du texte supplémentaire qui est spécifiquement destiné à être lu par les technologies d’assistance, telles que les lecteurs d’écran, utilisés par les malvoyants. Ce texte fournit une description audio de l’objectif du champ de formulaire et peut inclure des informations sur le titre, la description, le nom du champ et tout message pertinent (texte personnalisé). Le texte du lecteur d’écran permet de s’assurer que le formulaire est accessible à tous les utilisateurs et utilisatrices, y compris celles et ceux ayant une déficience visuelle, et leur permet de bien comprendre le champ du formulaire et ses exigences.

    • Texte personnalisé : sélectionnez cette option pour utiliser le texte personnalisé pour les libellés d’accessibilité ARIA. Cette option affiche la boîte de dialogue Texte personnalisé. Vous pouvez ajouter des informations pertinentes dans la boîte de dialogue Texte personnalisé.
    • Description courte : sélectionnez cette option pour utiliser la description des étiquettes d’accessibilité ARIA.
    • Titre : sélectionnez cette option pour utiliser le titre pour les libellés d’accessibilité ARIA.
    • Nom : sélectionnez cette option pour utiliser le nom pour les libellés d’accessibilité ARIA.
    • Aucun : sélectionnez cette option si vous ne souhaitez pas l’ajouter pour les libellés d’accessibilité ARIA.

Voir également see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab