DocumentationAEM 6.5Guide de l’utilisateur

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

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Utilisateur ou utilisatrice
  • Développeur

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 as a Cloud Service
Cliquez ici
AEM 6.5
Cet article

Vous pouvez utiliser le composant Signature tactile et le composant Étape de signature pour tracer la signature (saisie tactile) sur un formulaire adaptatif. Le composant Étape de signature affiche une version PDF du formulaire adaptatif. Vous avez besoin de l’option Document d’enregistrement activée ou de formulaires adaptatifs basés sur un modèle de formulaire pour utiliser le composant Étape de signature.

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_6_3_forms_save dans la fenêtre de signature tactile, vous ne pouvez plus 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 pour définir les proportions de la zone de travail de la 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. Créez une option Document d’enregistrement activée ou un formulaire adaptatif basé sur modèle de formulaire. Pour obtenir des informations détaillées, voir Création d’un formulaire adaptatif.

  2. Faites glisser et déposez le composant Signature tactile du navigateur de composant vers 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 du composant Signature tactile.

  4. Faites glisser et déposez le composant Étape de signature du navigateur de composant vers le formulaire adaptatif.

    note note
    NOTE
    Le composant Étape de signature prend toute la largeur disponible pour le formulaire. Il est recommandé de ne pas avoir d’autre composant sur la section contenant le composant Étape de signature.

  5. Dans l’explorateur de contenu, sélectionnez Conteneur de formulaires, puis l’icône Configurer configurer . L’explorateur de propriétés s’ouvre et affiche les propriétés du conteneur de formulaires adaptatifs. Accédez à Conteneur de formulaires adaptatifs  > Signature électronique et désélectionnez l’option Activer Adobe Sign. Sélectionnez l’icône Terminé aem_6_3_forms_save pour enregistrer les modifications.

    note note
    NOTE
    Lorsque vous ajoutez un composant Étape de signature à un formulaire adaptatif, l’option Activer Adobe Sign est sélectionnée automatiquement.

  6. Sélectionnez l’icône Configurer Configurer . Elle ouvre l’explorateur de propriétés et affiche les propriétés Étape de signature. Configurez les propriétés suivantes :

    • Nom de l’élément  : spécifiez le nom du composant.

    • Titre : indiquez le titre unique du composant.

    • Message du modèle : indiquez le message à afficher lorsque la signature PDF est chargée. Les services Adobe Sign mettent un certain temps à préparer et charger la signature PDF.

    • Service de signature : sélectionnez l’option Signature tactile.

    • Classe CSS  : spécifiez la classe CSS de la bibliothèque client, le cas échéant. Utilisez des thèmes et des styles en ligne au lieu de la classe CSS.

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

    Désormais, lorsque vous remplissez un formulaire, une version PDF du formulaire adaptatif est affichée et les options pour signer le document PDF sont fournies. Pour plus d’informations, voir Signature d’un formulaire adaptatif en utilisant la signature tactile.

Signature d’un formulaire adaptatif en utilisant la signature tactile sign-an-adaptive-form-using-scribble-signature

  1. Une fois que vous avez renseigné le formulaire adaptatif et que vous avez atteint la page Étape de signature, l’écran de signature s’affiche.

    Boîte de dialogue de signature tactile

  2. Cliquez sur Signer. La boîte de dialogue de signature tactile apparaît. Signez le formulaire et cliquez sur l’icône Terminé  aem_6_3_forms_save pour enregistrer la signature.

    Boîte de dialogue de signature tactile

  3. Cliquez sur Terminer pour terminer le processus de signature.

    Terminer le processus de signature

Les signatures sont ajoutées au formulaire, et le contrôle de formulaire passe au panneau suivant.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2