Pop Up Text Box

Avatar

Avatar
Contributor 2
Level 8
AEM_Forum
Level 8

Likes

147 likes

Total Posts

631 posts

Correct reply

4 solutions
Top badges earned
Contributor 2
Validate 100
Validate 50
Validate 25
Validate 10
View profile

Avatar
Contributor 2
Level 8
AEM_Forum
Level 8

Likes

147 likes

Total Posts

631 posts

Correct reply

4 solutions
Top badges earned
Contributor 2
Validate 100
Validate 50
Validate 25
Validate 10
View profile
AEM_Forum
Level 8

15-12-2016

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.

Accepted Solutions (0)

Answers (3)

Answers (3)

Avatar

Avatar
Contributor 2
Level 8
AEM_Forum
Level 8

Likes

147 likes

Total Posts

631 posts

Correct reply

4 solutions
Top badges earned
Contributor 2
Validate 100
Validate 50
Validate 25
Validate 10
View profile

Avatar
Contributor 2
Level 8
AEM_Forum
Level 8

Likes

147 likes

Total Posts

631 posts

Correct reply

4 solutions
Top badges earned
Contributor 2
Validate 100
Validate 50
Validate 25
Validate 10
View profile
AEM_Forum
Level 8

20-12-2016

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.

Avatar

Avatar
Boost 3
Level 2
Pankaj_Parashar
Level 2

Likes

4 likes

Total Posts

26 posts

Correct reply

3 solutions
Top badges earned
Boost 3
Boost 1
Affirm 3
Affirm 1
View profile

Avatar
Boost 3
Level 2
Pankaj_Parashar
Level 2

Likes

4 likes

Total Posts

26 posts

Correct reply

3 solutions
Top badges earned
Boost 3
Boost 1
Affirm 3
Affirm 1
View profile
Pankaj_Parashar
Level 2

20-12-2016

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

Avatar
Contributor 2
Level 8
AEM_Forum
Level 8

Likes

147 likes

Total Posts

631 posts

Correct reply

4 solutions
Top badges earned
Contributor 2
Validate 100
Validate 50
Validate 25
Validate 10
View profile

Avatar
Contributor 2
Level 8
AEM_Forum
Level 8

Likes

147 likes

Total Posts

631 posts

Correct reply

4 solutions
Top badges earned
Contributor 2
Validate 100
Validate 50
Validate 25
Validate 10
View profile
AEM_Forum
Level 8

20-12-2016

Someone, please respond to me on this ASAP.

I need to incorporate in my design document.

Appreciate your support.

Thanks,

Rama.