How to use multiple form container in AEM sites page

[aravindS]

How to use multiple form container in AEM sites page

Thanks in advance

[Nishant-Singh · Accepted solution]

Hi @aravindS 

Please check this : https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/forms/integrate/ser...

If the Form covers entire width of the frame checkbox is checked, an Adaptive Form occupies the full width of the container in which it is placed. In this case, an iframe is not used to render the form. The layout and design of an Adaptive Form adapt to span the entire width of the container, making it responsive and capable of adjusting to different screen sizes. This option allows to embed multiple Adaptive Forms within an AEM Sites page.

[aravindS]

Hi @Nishant-Singh , 

Thanks for your reply,

I'm using Adaptive Forms - Embed(v2) , whenever i use single form in page it works fine, But if i add second form in same page, 2nd form's clientlibs itself is not calling.

I tried 2 ways, I have combined the both clientlibs to single clientlibs and calling the method accordingly. I have tried different clientlibs for each form. But both the ways 2nd form's clientlib is not accessible i tried with debugger also.

[aravindS]

Found the solution, there is a checkbox field in dialog - "Form covers entire width of the page"

this needs to be unchecked whenever we need to use the multiple forms in same page.

If the above checkbox is unchecked, we can use the multiple adaptive form (using the Adaptive form embed) component.