Previewing a form

Last update: June 24, 2024

CREATED FOR:

  • User
  • Developer

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

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 typeAvailable preview options
DocumentPDF preview
PDF FormPDF preview and Preview with Data
adaptive formHTML preview and HTML preview with Data
Form TemplatePDF preview, PDF preview with Data, HTML preview, HTML preview with Data

Previewing a form

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

    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

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.

Experience Manager