Prévisualisation d’un formulaire :headding-anchor:previewing-a-form

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.

Vue d’ensemble :headding-anchor:overview

Dans AEM Forms, vous pouvez prévisualiser les formulaires et les documents figurant dans le référentiel. La prévisualisation permet de savoir exactement à quoi ressemblent les formulaires lorsqu’ils sont publiés pour les utilisatrices et utilisateurs finaux.

Lors de la prévisualisation de formulaires, ils sont rendus dans l’interface interactive et l’utilisateur ou l’utilisatrice peut les remplir avec des données. Lors de la prévisualisation de documents, ils sont rendus en mode non interactif et l’utilisateur ou l’utilisatrice peut uniquement les afficher. Pour les formulaires, une option supplémentaire de prévisualisation personnalisée est disponible. Grâce à cette option, vous pouvez prévisualiser le formulaire à l’aide des données d’un fichier XML. Les données remplissent certains ou tous les champs du formulaire prévisualisé.

Le tableau ci-dessous répertorie les options d’aperçu disponibles pour les différents types de formulaire pris en charge :

Type de ressource
Options d’aperçu disponibles
Document
Prévisualisation du PDF
Formulaire PDF
Aperçu au format PDF et aperçu avec des données
Formulaire adaptatif
Prévisualisation HTML et prévisualisation HTML avec des données
Modèle de formulaire
Aperçu au format PDF, aperçu au format PDF avec des données, aperçu HTML, aperçu au format HTML avec des données

Prévisualisation d’un formulaire :headding-anchor:previewing-a-form-1

  1. Sélectionnez une ressource à prévisualiser, puis cliquez sur Aperçu de aem6forms_preview dans la barre d’outils Actions.

    note note
    NOTE
    Pour sélectionner une ressource, basculez vers la vue Liste à partir de la vue Carte par défaut. Cliquez sur aem6forms_viewlist ou aem6forms_viewcard pour changer de vue.
  2. Lorsque vous cliquez sur Aperçu, les options d’aperçu applicables pour le type d’actif sélectionné sont affichées. Cliquez sur l’option souhaitée pour effectuer le rendu de la ressource sélectionnée dans un nouvel onglet.

    Vous avez le choix entre :

    • Prévisualiser au format HTML
    • Aperçu avec des données
    • Aperçu au format PDF (disponible pour les modèles de formulaire)

Aperçu avec des données :headding-anchor:preview-with-data

Lorsque vous sélectionnez Aperçu avec des données, vous pouvez voir à quoi ressemble le formulaire avec des données réelles saisies. L'option Aperçu avec des données vous permet de charger un fichier XML contenant des exemples de données utilisateur. Les exemples de données utilisateur sont utilisés pour remplir le formulaire prévisualisé au format que vous choisissez.

  1. Sélectionnez une ressource, cliquez sur Aperçu aem6forms_preview , puis sélectionnez Aperçu avec des données.
  2. Dans la boîte de dialogue Aperçu du formulaire, fournissez FormData en tant que fichier XML. Cliquez sur Aperçu pour effectuer le rendu du formulaire avec les données fusionnées du fichier XML.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2