Créer un formulaire adaptatif creating-an-adaptive-form-core-components

Connectez-vous à Experience Manager Forms Instance de création. Il peut s’agir d’une instance cloud ou d’une instance de développement local.

Entrez vos informations d’identification dans la page de connexion d’Experience Manager. Une fois connecté, dans le coin supérieur gauche, sélectionnez Adobe Experience Manager > Forms > Forms et documents.

Sélectionner Créer > Forms adaptatif. Cette action permet d’ouvrir l’assistant. Dans l’onglet Source, sélectionnez un modèle :

Lorsque vous sélectionnez un modèle, un thème et l’action d’envoi spécifiée dans le modèle sont sélectionnés automatiquement. Le bouton Créer est activé. Vous pouvez accéder aux onglets Style ou Envoi pour sélectionner un autre thème ou une autre action d’envoi. Si le modèle sélectionné ne spécifie pas de thème, le bouton de création reste désactivé. Vous pouvez accéder à l’onglet Styles pour sélectionner manuellement un thème.

Dans l’onglet Style, sélectionnez un thème :

• Lorsque le modèle sélectionné spécifie un thème, celui-ci est automatiquement sélectionné dans l’assistant. Vous pouvez également choisir un thème différent dans l’onglet Style.

• Si le modèle sélectionné ne spécifie aucun thème, vous pouvez utiliser l’onglet Style pour en choisir un. Le bouton Créer n’est activé qu’après la sélection d’un thème.

(Facultatif) Dans l’onglet Données, sélectionnez un modèle de données :

• Modèle de données de formulaire : un modèle de données de formulaire vous permet d’intégrer des entités et des services provenant de sources de données disparates à un formulaire adaptatif. 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.

• Schéma JSON : schéma JSON, notre formulaire adaptatif basé sur les composants principaux, permet une intégration transparente au système back-end de votre entreprise en vous permettant d’associer un schéma JSON, qui représente la structure des données générées ou consommées. Cette association permet aux créateurs et créatrices d’ajouter dynamiquement du contenu au formulaire adaptatif à l’aide des éléments du schéma. Les éléments du schéma sont facilement accessibles dans l’onglet Objets de modèle de données de l’explorateur de contenu au cours du processus de création, et tous les champs sont automatiquement ajoutés à tout formulaire adaptatif créé.

Par défaut, tous les champs du schéma JSON associé sont automatiquement sélectionnés et convertis en composants de formulaire adaptatif correspondants, ce qui simplifie le processus de création. L’assistant vous permet, en outre, de sélectionner les champs à inclure dans le formulaire adaptatif au moyen de cases à cocher.

Dans l’onglet Envoi, sélectionnez une action d’envoi :

• Lorsque vous sélectionnez un modèle, l’action d’envoi spécifiée dans le modèle est sélectionnée automatiquement. Vous pouvez sélectionner une autre action d’envoi dans l’onglet Envoi. L’onglet Envoi affiche toutes les actions d’envoi disponibles.

• Lorsque le modèle sélectionné ne spécifie aucune action d’envoi, vous pouvez utiliser l’onglet Envoi pour sélectionner une action d’envoi

(Facultatif) Dans l’onglet Diffusion, vous pouvez spécifier une date de publication ou de d’annulation de publication pour un formulaire adaptatif.

Sélectionnez Créer. Une boîte de dialogue pour spécifier le titre, le nom et l’emplacement d’enregistrement du formulaire adaptatif s’affiche :

• Titre Spécifie le nom d’affichage du formulaire. Le titre vous permet d’identifier le formulaire dans l’interface utilisateur Experience Manager Forms d’AEM Forms.
• Nom : indique le nom du formulaire. Un nœud portant le nom spécifié est créé dans le référentiel. Lorsque vous commencez à saisir un titre, la valeur du champ Nom est automatiquement générée. Vous pouvez modifier la valeur suggérée. Le champ Nom ne peut contenir que des caractères alphanumériques, des traits d’union et des traits de soulignement. Toutes les entrées non valides sont remplacées par un trait d’union.
• Chemin d’accès : indique l’emplacement d’enregistrement du formulaire adaptatif. Vous pouvez enregistrer le formulaire adaptatif directement sur /content/dam/formsanddocuments ou créer un dossier tel que /content/dam/formsanddocuments/adaptiveforms pour enregistrer un formulaire adaptatif. Assurez-vous de créer le dossier avant de l’utiliser dans le chemin d’accès. Le champ Chemin d’accès ne crée pas de dossier automatiquement.

Sélectionnez Créer. Un formulaire adaptatif est créé et s’ouvre dans l’éditeur de formulaires adaptatifs. L’éditeur affiche le contenu disponible dans le modèle. En fonction du type de formulaire adaptatif, les éléments de formulaire présents dans le schéma JSON ou le modèle de données de formulaire associé sont affichés dans l’onglet Objets de modèle de données de l’explorateur de contenu dans la barre latérale. Vous pouvez également faire glisser ces éléments pour créer votre formulaire adaptatif.

Ouvrez l’explorateur de contenu, puis sélectionnez le composant Conteneur de guide de votre formulaire adaptatif.

Cliquez sur l’icône des propriétés du conteneur de guide . La fenêtre du conteneur de formulaires adaptatifs s’ouvre.

Cliquez sur l’onglet Envoi.

Sélectionnez et configurez une action d’envoi en fonction de vos besoins. Pour plus d’informations sur les actions d’envoi, voir Action d’envoi de formulaire adaptatif

Ouvrez l’explorateur de contenu, puis sélectionnez le composant Conteneur de guide de votre formulaire adaptatif.

Cliquez sur l’icône des propriétés du conteneur de guide . La fenêtre du conteneur de formulaires adaptatifs s’ouvre.

Ouvrez l’onglet Envoi.

• Pour configurer une URL de redirection, pour l’option Lors de l’envoi, sélectionnez l’option Rediriger vers l’URL, puis parcourez et sélectionnez une page AEM Sites, ou fournissez l’URL d’une page externe.

• Pour configurer un message de remerciement ou personnalisé, sélectionnez l’option Afficher le message et écrivez un message dans la zone Contenu du message pour l’option Lors de l’envoi. Il s’agit d’une zone de texte enrichi. Vous pouvez utiliser l’option Plein écran pour afficher tous les éléments de texte enrichi disponibles.

Ouvrez l’explorateur de contenu, puis sélectionnez le composant Conteneur de guide de votre formulaire adaptatif.

Cliquez sur l’icône des propriétés du conteneur de guide . La fenêtre du conteneur de formulaires adaptatifs s’ouvre.

Ouvrez l’onglet Modèle de données.

Sélectionnez et configurez un schéma JSON ou un modèle de données de formulaire, en fonction de vos besoins :

• Lorsque vous sélectionnez l’option Modèle de formulaire, utilisez l’option Sélectionner un modèle de données de formulaire pour sélectionner un modèle de données de formulaire préconfiguré.
• Lorsque vous sélectionnez l’option Schéma, utilisez l’option Schéma pour sélectionner un schéma JSON pour votre formulaire.

Cliquez sur Terminé.

Sélectionnez le formulaire adaptatif et choisissez > Ouvrir les propriétés. La page Propriétés du formulaire s’ouvre.

Accédez à l’onglet Modèle de formulaire et choisissez un modèle de formulaire. Si le formulaire adaptatif est dépourvu de modèle de formulaire, vous avez la possibilité de choisir un schéma JSON ou un modèle de données de formulaire. D’autre part, si le formulaire adaptatif est déjà basé sur un modèle de formulaire, vous avez la possibilité de passer à un autre modèle de formulaire du même type. Par exemple, si le formulaire utilise un schéma JSON, vous pouvez facilement passer à un autre schéma JSON. De même, si le formulaire utilise un modèle de données de formulaire, vous pouvez passer à un autre modèle de données de formulaire.

Sélectionner Enregistrer pour enregistrer les propriétés.