Implementing Pop-ups in Adaptive Forms

Avatar

Avatar

Sri_Bhargav_94

Avatar

Sri_Bhargav_94

Sri_Bhargav_94

15-02-2021

Folks,

Need your inputs on having pop-ups implemented in Adaptive Forms. I was going through some live demos from Adobe and haven't find one sample atleast related to this functionality.

We are trying a use-case, where we are looking to have pop-ups and these gets rendered especially when user tries to "add" / "update" more details. We can use an Accordion / Instance Manager for this requirement, but form gets lengthier. Instead, on click of Add / Update a pop-up window opens with form fields, where user can fill and on click of submit, it either creates a row in table on main form (or) somehow store in DB. We are trying to keep form length as minimal as possible.

Is this suggested approach and any samples are available for reusing (or) should we need to do it by our own using UI frameworks or client libs?

Regards,

Sri Bhargav

AEM Forms Forms design FormsService

Answers (4)

Answers (4)

Avatar

Avatar

Sri_Bhargav_94

Avatar

Sri_Bhargav_94

Sri_Bhargav_94

16-02-2021

Thanks @GirishBedekar for sharing this

Avatar

Avatar

GirishBedekar

Avatar

GirishBedekar

GirishBedekar

15-02-2021

I will send you a sample 

we have used third party JavaScript library to add pop up in some of my samples 

Avatar

Avatar

Sri_Bhargav_94

Avatar

Sri_Bhargav_94

Sri_Bhargav_94

18-02-2021

Thank you @Mayank_Gandhi for the suggestions. We will give a try with that

Avatar

Avatar

Mayank_Gandhi

Employee

Avatar

Mayank_Gandhi

Employee

Mayank_Gandhi
Employee

18-02-2021

@Sri_Bhargav_94 You can create a wrapper using jquery data table and keep inserting values in a hidden table from dataTable. This way you can minimize form length and have form data in XML.