Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

Pop Up Text Box

AEM_Forum
Level 10
Level 10

Hi all,

In my project on AEM Forms, when user selects enter new scheme, a Pop Up Text Box should appear that takes scheme number and after hitting OK on pop up, it should disappear and that value should be populated in one of the original form fields.

I did not come across Pop Up Text Box feature of forms.

Kindly suggest.

Thanks,

Rama.

3 Replies
AEM_Forum
Level 10
Level 10

Someone, please respond to me on this ASAP.

I need to incorporate in my design document.

Appreciate your support.

Thanks,

Rama.

Pankaj_Parashar
Level 2
Level 2

Hi Rama,

There is no such OOTB feature but you can achieve it using either of the following two ways.

  1. Write a custom layout which makes a panel to appear as pop up dialog using any third party libraries e.g. bootstrap. Keep your text box in this panel and by default this panel should be hidden. show the panel on change event of select field to 'Enter new scheme'. Refer https://helpx.adobe.com/aem-forms/6-2/custom-layout-components-forms.html
  2. Inject popup dialog html using a client library attached to the form. Reference code is shared @ https://jsfiddle.net/nepqga53/5/ you would need bootstrap and jquery as dependencies for this. Call prepareSchemePopupDialog() function on change event of select field to 'Enter new scheme' 

I hope this will help you.

Thanks,

Pankaj 

AEM_Forum
Level 10
Level 10

Appreciate your reply Pankaj. It helps.

I will try this.

One thing got clarified that it is not an OOB feature, but with some custom coding it could be done.

Thanks,

Rama.