Présentation de la création de formulaires adaptatifs introduction-to-authoring-adaptive-forms

Utilisation d’un modèle de données de formulaire
L’intégration de données vous permet d’intégrer des entités et des services provenant de sources de données disparates dans un modèle de données de formulaire que vous pouvez utiliser pour créer des formulaires adaptatifs. Choisissez le modèle de données de formulaire si le formulaire adaptatif que vous créez implique l’extraction et l’écriture de données depuis et vers plusieurs sources de données.

Utilisation d’un modèle de formulaire XDP
Il s’agit d’un modèle de formulaire idéal si vous investissez dans des formulaires XFA ou XDP. Il fournit un moyen direct de convertir vos formulaires basés sur XFA en formulaires adaptatifs. Toutes les règles XFA existantes sont conservées dans les formulaires adaptatifs associés. Les formulaires adaptatifs obtenus prennent en charge les éléments XFA, tels que les validations, les événements, les propriétés et les modèles.

Utilisation d’une définition de schéma XML (XSD) ou d’un schéma JSON
Les schémas XML et JSON représentent la structure dans laquelle les données sont produites ou consommées par le système principal de votre entreprise. Vous pouvez associer le schéma à un formulaire adaptatif et utiliser ses éléments pour ajouter du contenu dynamique à un formulaire adaptatif. Les éléments du schéma peuvent être utilisés dans l’onglet Objets du modèle de données de l’explorateur de contenu lors de la création de formulaires adaptatifs.

Utilisation d’aucun ou sans modèle de formulaire

Barre latérale

Barre d’outils Page

Barre d’outils de composants

Page de formulaires adaptatifs

Voir le contenu du formulaire tel que les panneaux, les composants, les champs et la mise en page.

Modifier les propriétés du composant.

Rechercher, afficher et utiliser des ressources dans votre référentiel de gestion des ressources numériques (DAM) AEM.

Ajouter des composants dans le formulaire.

Cliquez pour agrandir

Explorateur de contenu

Dans l’explorateur de contenu, vous pouvez voir

• Objet de formulaire

  Affiche la hiérarchie des objets du formulaire. L’auteur peut accéder au composant spécifique du formulaire en appuyant sur cet élément dans l’arborescence de l’objet de formulaire. L’auteur peut alors rechercher des objets et les réorganiser depuis l’arborescence.

• Objets de modèle de données

  Permet d’afficher la hiérarchie du modèle de formulaire.

  Il vous permet de faire glisser des éléments du modèle de formulaire sur le formulaire adaptatif. Les éléments ajoutés sont automatiquement convertis en composants de formulaire tout en conservant leurs propriétés d’origine. Vous pouvez voir des objets de modèle de données lorsque votre formulaire utilise un schéma XML, un schéma JSON ou un modèle XDP.

Explorateur de propriétés

Permet de modifier les propriétés d’un composant. Les propriétés affichées varient en fonction d’un composant. Pour voir les propriétés du conteneur de formulaires adaptatifs :

Sélectionnez un composant, puis appuyez sur  > Conteneur de formulaires adaptatifs et enfin sur .

Explorateur de ressources

Isole différents types de contenu, tels que des images, des documents, des pages, des séquences vidéo, etc.

Explorateur de composants

Comprend des composants que vous pouvez utiliser pour créer un formulaire adaptatif. Vous pouvez faire glisser des composants sur le formulaire adaptatif afin d’ajouter des éléments de formulaire, puis configurer les éléments ajoutés conformément aux exigences. Le tableau ci-dessous décrit les composants répertoriés dans l’explorateur de composants.

Chaque composant est associé à des propriétés qui contrôlent son apparence et ses fonctionnalités. Pour configurer les propriétés d’un composant, appuyez sur celui-ci et sélectionnez pour ouvrir les propriétés du composant dans l’explorateur de propriétés.

Un composant est identifié par son nom d’élément. Lorsque vous appuyez sur , vous pouvez changer le nom du composant en modifiant la valeur du champ Nom de l’élément dans l’explorateur de propriétés. Le champ Nom de l’élément accepte uniquement les lettres, les chiffres, les tirets (-) et les traits de soulignement (_). Les autres caractères spéciaux ne sont pas autorisés et le nom de l’élément doit commencer par une lettre.

Vous pouvez modifier la propriété de titre d’un composant de formulaire adaptatif en ligne dans l’éditeur de formulaire sans ouvrir le navigateur de propriétés tant que le titre est visible sur le formulaire. Pour ce faire :

1. Appuyez pour sélectionner un composant qui a une propriété Titre et dont la propriété Masquer le titre est désactivée.
2. Appuyez sur pour rendre le titre modifiable.
3. Modifiez le titre et appuyez sur la touche Retour ou appuyez n’importe où en dehors du composant pour enregistrer les modifications. Appuyez sur la touche Échap pour annuler les modifications.

Certains composants de formulaire adaptatifs, tels que Courrier électronique et Téléphone, incluent des modèles de validation prêts à l’emploi. Toutefois, vous pouvez spécifier une validation personnalisée en mettant à jour le champ Modèle de validation sous l’accordéon Modèles dans les propriétés du composant. Voir les descriptions des composants dans le tableau ci-dessus pour plus d’informations sur les validations par défaut.

Les champs de formulaires adaptatifs, tels que la zone numérique et le courrier électronique, peuvent être configurés pour inclure des types d’entrée HTML5 spécialisés. Lorsque ces champs sont actifs sur les appareils mobiles et les tablettes, le clavier affiche un alphabet, des chiffres et des caractères spécifiques qui sont généralement utilisés pour saisir des informations dans les champs. Cela permet aux utilisateurs de saisir les informations rapidement sans avoir à basculer entre les jeux de caractères sur le clavier. Pour activer une entrée spécifique pour un composant, cochez la case Utiliser un numéro de type HTML dans ses propriétés de composant.

Vous pouvez activer un composant de zone de texte afin de permettre la prise en charge du texte brut. Pour activer le texte enrichi pour une zone de texte, activez la case à cocher  Autoriser le texte enrichi  dans les propriétés du composant.

Vous pouvez activer les composants Zone de texte, Adresse électronique et Téléphone pour remplir automatiquement les champs tels que le nom, l’adresse, la carte de crédit, le téléphone et l’adresse électronique à partir des informations stockées dans les paramètres de remplissage automatique du navigateur. Pour activer cette fonctionnalité, sélectionnez Activer le remplissage automatique dans les propriétés du composant et sélectionnez un attribut de remplissage automatique. Lorsqu’un utilisateur remplit un formulaire adaptatif, les valeurs sont proposées à partir du profil de remplissage automatique dans le navigateur ou en fonction des valeurs précédemment renseignées par l’utilisateur. Notez que le remplissage automatique fonctionne si les paramètres de remplissage automatique dans le navigateur de l’utilisateur sont activés.

Spécifiez des valeurs pour les éléments Bouton radio et Case à cocher au format {value}={text} dans les propriétés du composant.

Par défaut, le composant Pièce jointe permet à un utilisateur de joindre un seul fichier. Cependant, vous pouvez configurer les propriétés du composant pour prendre en charge plusieurs pièces jointes. En outre, si un utilisateur joint plusieurs fichiers avec le même nom de fichier, les pièces jointes peuvent entraîner des problèmes. Par conséquent, il est recommandé d’associer un identifiant unique pour chaque pièce jointe envoyée lors de l’envoi du formulaire. Pour ce faire :

1. Sur votre serveur AEM Forms, accédez à  Adobe Experience Manager > Outils > Opérations > Console Web.
2. Recherchez Service de configuration de formulaires adaptatifs et appuyez dessus.
3. Dans la boîte de dialogue Service de configuration de formulaires adaptatifs, activez l’option Rendre les noms de fichier uniques. Par défaut, elle est désactivée.

Pour permettre aux utilisateurs de joindre un PDF à l’aide du navigateur Safari, assurez-vous que application/pdf est ajouté à la propriété Types de fichiers pris en charge du composant Pièce jointe . Les formulaires adaptatifs créés avec la version précédente d’AEM Forms peuvent contenir .pdf au lieu de application/pdf dans la propriété Types de fichiers pris en charge.

Activer/désactiver le panneau latéral  : affiche ou masque la barre latérale.

Informations sur la page  : affiche les propriétés de la page, permet de publier/d’annuler la publication d’un formulaire, de lancer un processus de formulaire et d’ouvrir le formulaire dans une IU classique.

Émulateur  : simule l’aspect de votre formulaire pour différentes tailles d’affichage, selon les tablettes et les téléphones, par exemple.

Modifier: Permet de sélectionner d’autres modes, tels que : Modifier, Style, Développeur, et Conception.

• Modifier  : permet de modifier les propriétés du formulaire et de ses composants. Exemple : l’ajout d’un composant, le dépôt d’une image et l’indication des champs obligatoires.

• Style  : définit l’aspect des composants de votre formulaire. Par exemple, en mode Style, vous pouvez sélectionner un panneau et définir sa couleur d’arrière-plan.

• Développeur  : permet à un développeur de :

  • Découvrez les formulaires composés.
  • Déboguer en temps réel afin de mieux résoudre les problèmes.

• Conception: Permet d’activer ou de désactiver des composants personnalisés ou des composants prêts à l’emploi qui ne sont pas répertoriés dans la barre latérale.

Aperçu  : permet de prévisualiser le formulaire avant de le publier.

guideContainer  : racine d’un formulaire adaptatif, indiquée sous la forme Début du formulaire adaptatif dans l’interface utilisateur du formulaire. Dans ce composant, vous pouvez spécifier les éléments suivants :

• Disposition mobile du formulaire adaptatif: Définit l’aspect du formulaire sur les périphériques mobiles.
• Page de remerciement: Définit la page vers laquelle l’utilisateur est redirigé après l’envoi du formulaire.
• Action Envoyer: Définit le mode de traitement du formulaire sur le serveur une fois que l’utilisateur l’a envoyé.
• Style: Spécifie le chemin d’accès au fichier CSS utilisé pour personnaliser l’aspect du formulaire.

rootPanel: Panneau racine d’un formulaire adaptatif. Il peut contenir des sous-panneaux sous le noeud éléments . Une disposition peut être associée à chaque panneau, y compris le panneau racine. La disposition du panneau détermine la disposition du formulaire. Par exemple, dans la disposition Accordéon*, *ses éléments sont disposés sous la forme d’étapes Accordéon .

barre d’outils: Un conteneur de formulaires adaptatifs est associé à une barre d’outils globale, qui est globale dans le formulaire. Cette barre d’outils peut être ajoutée à l’aide de l’action  Ajouter une barre d’outils de la barre d’édition, ce qui permet aux auteurs d’ajouter des actions telles que Envoyer, Enregistrer, réinitialiser, etc.

ressources: Ce noeud contient des informations supplémentaires utilisées pour la création de formulaires. Il s’agit, par exemple, de détails sur le modèle de formulaire, de détails de localisation, etc).