Multiform component

[Sam205505050]

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.  

[smacdonald2008]

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. 

[Sam205505050]

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 · Accepted solution]

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.