3 different forms in one form with hide/unhide funktion depending the choice the user select. | Adobe Higher Education
Skip to main content
NikoGR
Level 3
March 30, 2023

3 different forms in one form with hide/unhide funktion depending the choice the user select.

  • March 30, 2023
  • 2 Antworten
  • 920 Ansichten

Have 3 different forms, the first form has seven (7) pages, the second form has five (5) pages and the third form has three (3) pages.

 

How can I connect these forms together into one (1) common form, and depending on the button pressed or dropdown selection,

switch from form to form and automatically unhide the others?.

 

Thx in Advance 

niko

Dieses Thema wurde für Antworten geschlossen.

2 Antworten

DPrakashRaj
Community Advisor
Community Advisor
April 1, 2023

Are you using aem forms or normal HTML5 forms. You can achieve that functionality by creating the forms in accordion and doing the front end validation on the click of each accordion to check if form in existing accordion is filled or not. 

NikoGR
NikoGRAutor
Level 3
April 4, 2023

thx for your quick replay 

 

I'm using aem forms.

 

Your Answer: "You can achieve that functionality by creating the forms in accordion and doing the front end validation on the click of each accordion to check if form in existing accordion is filled or not."

 

Its is posible to have step by step instruction or a exampe file?👩‍🔧

I'm a total novice when it comes to scripting.

Any suggestion for a beginner?🙂

 

Thx  

Niko

Rohan_Garg
Community Advisor
Community Advisor
April 7, 2023

@nikogr- There are different ways you can navigate from one form page to another which page being a form within itself.

  • Tabs Navigation
  • Accordion Navigation
  • Wizard Navigation

Please refer to the following blog -

https://www.aptosolutions.co.uk/blog/page-navigation-in-aem-adaptive-forms/

 

Also, please find the below links for AEM Forms

https://experienceleague.adobe.com/docs/experience-manager-64/forms/adaptive-forms-basic-authoring/introduction-form-sequence.html?lang=en

https://experienceleague.adobe.com/docs/experience-manager-64/forms/adaptive-forms-basic-authoring/layout-capabilities-adaptive-forms.html?lang=en

 

Thanks,

Rohan Garg