New Features of AEM 6.1 Forms

This post presents a brief overview of the new features that came with the new AEM 6.1 Forms. In particular, we are going to compare this new release to the previous version.
Form autosave

This important feature was very difficult to implement in previous versions of AEM Forms. It was even required to provide an implementation for all the methods of the DraftAFDataService interface before enabling the autosave feature.

On the other side, the new version of AEM Forms allows us to easily enable and configure this functionality at the Edit Component dialog.

The following image shows autosave configured to trigger every 60 seconds:

Dynamic table for Adaptive Forms
This new release also comes with an out of the box responsive table component for adaptive forms, which enables to display data with suitable layouts for any device. In previous versions, a generic table had to be used.

The following images show the layout of this new component on different devices:

Desktop view:

Smartphone view:


Tablet view:

Inline styling for tables
The new version of AEM Forms also added inline styling for tables. This functionality makes building layouts easier. It allows to create spanning columns and separators.

The following image shows the dialog where you can modify the table’s style:



In addition, each cell’s style can be configured inline:


References
We used the links below as a guide to learn how to use AEM 6.1 Forms. If you are planning to use forms, we recommend you go through them:

https://helpx.adobe.com/aem-forms/6/custom-draft-submission-data-services.html
https://helpx.adobe.com/aem-forms/6/accessing-filling-published-forms.html
https://helpx.adobe.com/aem-forms/6/saving-html5-form-draft.html
https://helpx.adobe.com/aem-forms/6/introduction-forms-authoring.html
https://helpx.adobe.com/livecycle/topics/mobile-forms-dev.html