Multiform component | Community
Skip to main content
S
Sam205505050
Level 6
October 16, 2015
Solved

Multiform component

  • October 16, 2015
  • 3 replies
  • 1269 views

Masters,

My requirement is to create a multi form like wizard container. Author should be able to define the number of tabs in a dialog. For example, we can define this value in custom Start Form component. Once author sets this value as 3 then 3 tabs will be created. Each tab will contain parsys so that author can drag and drop other components in each tab. 

Appreciate your suggestion on how to proceed on this.  

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by smacdonald2008

Take a look at these community articles written by AEM developers:

http://cqblog.inside-solutions.ch/2013/06/13/programmatically-adding-tabs-to-cq-dialogs/

http://antonyh.co.uk/blog/2012/05/15/multi-page-forms-in-cq5-html.html

See if these help. They may be a good starting point. 

3 replies

smacdonald2008
smacdonald2008
Level 10
October 16, 2015

You are talking about dynamically setting up an AEM component based on data that an author enters into the component during design-time. This would require an advanced custom xtype that would know how to build tabs and the panel that corresponds to each UI on the fly  -- all based on the input of the author. This can be done - but it would be pure JavaScript and using the CQ Widget API:

http://dev.day.com/docs/en/cq/5-6/widgets-api/index.html

 I am not aware of any code examples that show this use case. Hopefully someone in the community may have developed something similar and can post it. 

S
Sam205505050Author
Level 6
October 16, 2015

Thanks Scott.  I'm not sure if I made myself clear. Kindly refer to the attached screenshot. We want to give option to author to create multi steps tabs or wizard. This number of steps/tabs should be configurable in Form Start component in Edit button. Once author selects the number of steps/tabs then  steps/tabs will be created automatically and then author can drag and drop other components like "File Upload", etc..

Kindly let me know how to proceed on this. 

Regards,

Sam

smacdonald2008
smacdonald2008Accepted solution
Level 10
October 16, 2015

Take a look at these community articles written by AEM developers:

http://cqblog.inside-solutions.ch/2013/06/13/programmatically-adding-tabs-to-cq-dialogs/

http://antonyh.co.uk/blog/2012/05/15/multi-page-forms-in-cq5-html.html

See if these help. They may be a good starting point. 

Terms & ConditionsAccessibility statement

Loading footer...