While every form is designed for a specific purpose, there are some common segments in most forms, such as to provide personal details like name and address, family details, income details, and so on. A form designer is required to create these common segments every time a new form is created.

Adaptive forms provides a convenient mechanism to create a form segment, such as a panel or a group of fields, as use it in any adaptive form. These reusable, standalone segments are called adaptive form fragments.

Create a fragment

You can create an adaptive form fragment from scratch or save a panel in an existing adaptive form as fragment.

In addition, if you selected an XML schema or XDP form template as the form model for your fragment, a new tab displaying the form-model hierarchy appears in the content finder. It allows you to drag-and-drop form-model elements onto the fragment. The added form-model elements get converted into form components while retaining the original properties from the associated XDP or XSD.

Save panel as a fragment

Open an adaptive form that contains the panel you want to save as adaptive form fragment.

In the panel toolbar, click Save as Fragment. The Save As Fragment dialog opens.

Märkus.

If the panel you are saving as fragment contains child panel, the resulting fragment will include them.

In the Fragment Creation dialog, specify the following information:

Name: Name of the fragment. The default value is the element name of the panel. It is a mandatory field.Note: Ensure that you specify a unique name for the fragment. If there already exists another fragment with the same name, the fragment fails to create.

Title: Title of the fragment. The default value is the title of the panel.

Description: Description of the fragment.

Tags: Tags metadata for the fragment.

Target Path: Repository path where the fragment will be saved. If you do not specify a path, a node with the same name as that of the fragment gets created next to the node containing the adaptive form. The fragment is saved in this node.

Form Model: Depending on the form model for the adaptive form, this field displays the XML Schema, Form Template, or None. It is a non-editable field.

Fragment Model Root: Appears only in XSD-based adaptive forms. It specifies the root for the fragment model. You can choose / or the XSD complex type from the drop-down. Note that you can reuse the fragment in another adaptive form only if you select the complex type as the fragment model root.
If you choose / as the fragment model root, the complete XSD tree from the root is visible in the adaptive form data model tab. For a complex type fragment model root, only the descendants of the selected complex type are visible in the adaptive form data model tab.

XSD Ref: Appears only in XSD-based adaptive forms. It displays the location of the XML schema.

XDP Ref: Appears only in XDP-based adaptive forms. It displays the location of the XDP form template.

Save As Fragment dialog

Click OK.

The panel is saved at the specified or the default location in the repository. In the adaptive form, the panel is replaced by a snapshot of the fragment. As shown below, the General Information panel and its child panels, Personal Information and Address, are saved as a fragment.

To edit the fragment, click Edit Asset in the panel toolbar. The fragment opens in a new tab or window in edit mode.

Working with fragments

Configure fragment appearance

Any fragment you insert in adaptive forms appears as a placeholder image. The placeholder displays titles of up to a maximum of ten child panels in the fragment. You can configure AEM Forms to show the complete fragment instead of the placeholder image.

Search and click Adaptive Form Configuration Service to open it in edit mode.

Disable Enable Placeholder in place of Fragment checkbox to show complete fragments rather than the placeholder image.

Insert a fragment in an adaptive form

The adaptive form fragments you create appear in the Adaptive Form Fragments tab of the AEM content finder. To insert an adaptive form fragment in an adaptive form:

Open the adaptive form, in edit mode, in which you want to insert an adaptive form fragment.

Click Assets in the sidebar. In the assets browser, select Adaptive Form Fragments from the drop-down.

You can also choose to display all adaptive form fragments or filter based on their form model - Form Template, XML Schema, or Basic.

Drag-and-drop an adaptive form fragment onto the adaptive form.

Märkus.

The adaptive form fragment will not be enabled for authoring from within the adaptive form.

The adaptive form fragment is inserted by reference in the adaptive form and is synchronized with the standalone adaptive form fragment. It means when you update the adaptive form fragment, the changes reflect in all adaptive forms where the fragment is used.

Embed a fragment in adaptive form

You can choose to embed an adaptive form fragment in an adaptive form by clicking Embed Asset: <fragmentName> button on the panel toolbar of the added fragment, as shown in the following example image.

Märkus.

The embedded fragment is no longer linked with the standalone fragment. You can edit the components in the embedded fragment from within the adaptive form.

Using fragments within fragments

You can create nested adaptive form fragments, which means you can drag-drop a fragment in another fragment, and can have nested fragment structure.

Change fragments

You can replace or change an adaptive form fragment by another fragment by using the Select Fragment asset property in the Edit component dialog for an adaptive form fragment panel.

Auto mapping of fragments for data binding

When you create an adaptive form fragment using an XFA form template or XSD complex type and drag-drop the fragment to an adaptive form, the XFA fragment or the XSD complex type is automatically replaced by the corresponding adaptive form fragment whose fragment model root is mapped to the XFA fragment or XSD complex Type.

You can change the fragment asset and its bindings from the Edit component dialog.

Märkus.

You can also drag-drop a bound adaptive form fragment from Adaptive Form Fragment library in AEM content finder and provide the correct bind reference from the Edit component dialog of the adaptive form fragment panel.

Manage fragments

You can perform several operations on adaptive form fragments using the AEM Forms UI.

Go to http://[hostname]:[port]/aem/forms.html.

Click Select in the AEM Forms UI toolbar and select an adaptive form fragment. The toolbar displays the following operations you can perform on the selected adaptive form fragment.

Operation

Description

Open

Opens the selected adaptive form fragment in edit mode.

View Properties

Opens the Properties panel. From the Properties panel, you can view and edit properties, generate a preview, and upload a thumbnail image for the selected fragment. For more information, see Managing metadata.

Copy

Copies the selected fragment. The Paste button appears in the toolbar.

Download

Downloads the selected fragment.

Preview

Provides options to preview the fragment as an HTML or a custom preview by merging data from an XML file with the fragment. For more information, see Previewing a form.

Localizing adaptive form containing fragments

To localize an adaptive form that contains adaptive form fragments, you need to localize the fragment and the form separately. The idea is to localize a fragment once and reuse it in multiple adaptive forms.

Märkus.

The localization keys in the fragment won’t appear in the XLIFF file for an adaptive form.

Key points to remember when working with fragments

Ensure that the fragment name is unique. The fragment fails to create if there is an existing fragment with the same name.

In an XDP-based adaptive form, if you save a panel as fragment that includes another XDP fragment, the resulting fragment will be automatically bound to the child XDP fragment. In case of an XSD-based adaptive form, the resulting fragment will be bound to the schema root.

When you create an adaptive form fragment, a fragment node gets created, which is similar to the guideContainer node for an adaptive form, in CRXDe Lite.

Adaptive form fragments are available for use through the Adaptive Form Fragments tab in AEM content finder.

Any expression, script, or style in a stand-alone adaptive form fragment is retained when it is inserted by reference or embedded in an adaptive form.

You cannot edit an adaptive form fragment, which is inserted by reference, from within an adaptive form. To edit, you either edit the stand-alone adaptive form fragment or embed the fragment in the adaptive form.

When you publish an adaptive form, you need to publish the stand-alone adaptive form fragments inserted by reference in the adaptive form.

When you republish an updated adaptive form fragment, the changes reflect in the published instances of the adaptive form in which the fragment is used.

(Mac only) To ensure that the form fragments functionality works perfectly in all the scenarios, add the following entry to the /private/etc/hosts file:127.0.0.1 <Host machine>
Host machine: The Apple Mac machine on which AEM Forms is deployed.

Reference Fragments

Reference adaptive form fragments that you can use to create your form are available. For more information, see Reference Fragments.