Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

Pop Up Text Box

Avatar

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

Avatar

Level 10

Someone, please respond to me on this ASAP.

I need to incorporate in my design document.

Appreciate your support.

Thanks,

Rama.

Avatar

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 

Avatar

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.