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.
Vous pouvez utiliser le composant Scribble Signature pour dessiner la signature (Griffonnage) sur un formulaire adaptatif.
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é 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 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.
Configuration d’un formulaire adaptatif pour utiliser la signature tactile configure-an-adaptive-form-to-use-scribble-signature
-
Ouvrez un formulaire adaptatif en mode d’édition.
-
Faites glisser le composant Signature tactile depuis le navigateur de composant et déposez-le dans le formulaire adaptatif.
-
Sélectionnez l’icône 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.
-
Sélectionnez l’icône Terminé 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
-
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 . -
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
-
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
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
- Créer un formulaire adaptatif AEM
- Ajouter un formulaire adaptatif AEM à la page AEM Sites
- Appliquer des thèmes à un formulaire adaptatif AEM
- Ajouter des composants à un formulaire adaptatif AEM
- Utiliser reCAPTCHA dans un formulaire adaptatif AEM
- Générer une version PDF (document d’enregistrement) d’un formulaire adaptatif AEM
- Traduire un formulaire adaptatif AEM
- Activer Adobe Analytics sur un formulaire adaptatif pour suivre son utilisation
- Connecter un formulaire adaptatif à Microsoft SharePoint
- Connecter un formulaire adaptatif à Microsoft Power Automate
- Connecter un formulaire adaptatif à Microsoft OneDrive
- Connecter un formulaire adaptatif au stockage Blob Azure Microsoft
- Connecter un formulaire adaptatif à Salesforce
- Utiliser Adobe Sign dans un formulaire adaptatif AEM
- Ajouter un nouveau paramètre régional pour un formulaire adaptatif
- Envoyer des données de formulaire adaptatif à une base de données
- Envoyer des données de formulaire adaptatif à un point d’entrée REST
- Envoyer des données de formulaire adaptatif à un workflow AEM
- Utiliser le Portail Formulaires pour répertorier des formulaires adaptatifs AEM sur un site web AEM
- Ajouter des contrôles de version, des commentaires et des annotations à un formulaire adaptatif
- Comparer des formulaires adaptatifs