The Drafts & Submissions component lists all the forms that are in the draft state and the forms that are already submitted. The component has separate sections (tabs) for drafts and submitted forms. The users can view only their drafts and submitted forms.


Configuring the component

The Drafts & Submissions component has two tabs: Drafts and Submissions.

To enable submission of an adaptive form to appear in the submissions tab, set the Submit action to Forms Portal Submit Action. Alternatively, enable the Forms Portal Submit option. Whenever, a user submits the form, the form is added to the submissions tab.


In a production environment, it is recommended not to store draft or submitted form data in AEM repository. When you use the Forms Portal submit action or enable the Store data in forms portal option in adaptive form, the form data is stored in AEM repository. Instead in a production environment, you must integrate the drafts and submission component with a secure storage like enterprise database to store drafts and submitted forms data. For more information, see Sample for integrating drafts & submissions component with database.

The drafts functionality is enabled out of the box. When a user clicks Save on an adaptive form, the form is added to the drafts tab.

Perform the following steps to add and configure a Drafts & Submissions component:

  1. From AEM Sidekick, drag-and-drop the Drafts & Submissions component to your page.

  2. Right-click the component. From the context menu, select Edit. The edit component dialog box appears.  

  3. In the Edit Component dialog box, configure the following fields and click OK.

The following image depicts how a Draft and Submission component appears when added.

Screenshot depicting the Drafts & Submission component
Drafts & Submission component

Tab Configuration Description
General Total Result Specifies the maximum number of results to display. If the count of results increases the Total Result limit, a More link appears at the bottom of the component. Click the More link to see all the forms.  
  Style Type Specifies the style of the component. You can specify  No Style, Default Style, or Custom Style for listing the forms. For Custom Style Option, you can specify the path of custom CSS file in the Custom Style Path field.
  Custom Style Path If you choose Custom Style option in the Style Type field, use the Custom Style Path field to specify the path of custom CSS file.  
  Display Options

Specifies the tabs to display. You can choose to display draft forms, submitted forms, or both.  

Note: For Display options, if you select an option other than Both, the Default Tab field option is not used.

  Default Tab Specifies the tab to display when the forms portal page loads. You can choose between Draft Forms Tab and Submitted Forms Tab.
Draft Forms Tab Configuration Custom Title Specifies title of the Draft Forms tab. The default value is Draft Forms.
  Layout Template Specifies the layout to use for Draft Forms list.
Submitted Forms Tab Configuration Custom Title  Specifies title of the Submitted Forms tab. The default value is Submitted Forms.
  Layout Template Specifies the layout to use for Submitted Forms list.