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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Multiform component

Avatar

Level 6

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.  

1 Accepted Solution

Avatar

Correct answer by
Level 10
3 Replies

Avatar

Level 10

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. 

Avatar

Level 6

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

Avatar

Correct answer by
Level 10

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.