Previewing a form previewing-a-form

Adobe recommends using the modern and extensible data capture Core Componentsfor creating new Adaptive Formsor adding Adaptive Forms to AEM Sites pages. These components represent a significant advancement in Adaptive Forms creation, ensuring impressive user experiences. This article describes older approach to author Adaptive Forms using foundation components.

Overview overview

In AEM Forms, you can preview the forms and documents present in the repository. Preview helps to know exactly how the forms look and behave when they are released to the end users.

When previewing forms, they are rendered in interactive interface and the user can fill the forms with data. When previewing documents, they are rendered in non-interactive mode and the user can only view the document. For forms, an additional option of Custom Preview is available. Using this option, you can preview the form using data from an XML file. The data fills up some or all fields of the form being previewed.

The following table lists the preview options available for different types of supported forms:

Asset type
Available preview options
Document
PDF preview
PDF Form
PDF preview and Preview with Data
adaptive form
HTML preview and HTML preview with Data
Form Template
PDF preview, PDF preview with Data, HTML preview, HTML preview with Data

Previewing a form previewing-a-form-1

  1. Select an asset you want to preview, and click Preview aem6forms_preview in the actions toolbar.

    note note
    NOTE
    To select an asset, switch to List view from the default Card view. Click aem6forms_viewlist or aem6forms_viewcard to switch views.
  2. Clicking Preview lists the possible preview options applicable for the selected Asset Type. Click the desired option to render the selected asset in a new tab.

    Your options are:

    • Preview as HTML
    • Preview with Data
    • Preview as PDF (available for form templates)

Preview with Data preview-with-data

When you select Preview with Data, you can see how the form looks with real data entered in it. Preview with Data option lets you upload an XML that contains sample user data. The sample user data is used to populate the preview form in the format you choose.

  1. Select an asset, click Preview aem6forms_preview , and select Preview with Data.
  2. In the Preview Form dialog, provide FormData as an XML file. Click Preview to render the form with the merged data from XML.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2