Create an Adaptive Form

Learn how to create a custom adaptive form using a template and various AEM Forms components.

https://video.tv.adobe.com/v/37324

Creating Adaptive Form Template

The template defines the structure and initial content of the Adaptive Form.

239

https://video.tv.adobe.com/vc/37324/eng.json

https://video.tv.adobe.com/v/37325

Creating Form fragment

AEM forms provides a convenient mechanism to create form segment like a panel or a group of fields only once and reuse them across adaptive forms.

217

https://video.tv.adobe.com/vc/37325/eng.json

https://video.tv.adobe.com/v/22173

Creating Adaptive Form

In Part1 we will create Adaptive Form, add and configure toolbar with appropriate buttons.

220

https://video.tv.adobe.com/vc/22173/eng.json

https://video.tv.adobe.com/v/28536

Adding Child Panels to Root Panel

Configuring root panel layout to "Tabs on Left" and add child panels to the root panel.

174

https://video.tv.adobe.com/vc/28536/eng.json

https://video.tv.adobe.com/v/22193

Adding components to People panel

Configure People panel by adding the spouse details fragment. A rule is created to display the spouse details fragment if the applicants marital status is married.

224

https://video.tv.adobe.com/vc/22193/eng.json

https://video.tv.adobe.com/v/22198

Adding components to Income panel

We will add a table to the Income panel. Configure the table rows and use the rule editor to calculate the grand total.

199

https://video.tv.adobe.com/vc/22198/eng.json

https://video.tv.adobe.com/v/22200

Adding components to Assets section

Configure accordion layout for the Assets panel.The accordion layout provides a better end user experience for adding repeatable sections.

155

https://video.tv.adobe.com/vc/22200/eng.json

https://video.tv.adobe.com/v/22282

Using functions and code editor

Using functions and code editor to author business rule

136

https://video.tv.adobe.com/vc/22282/eng.json