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

How to add dynamic tabs in Touch ui Dialog

ankurk67503819
Level 4
Level 4

Hi Team,

Is there a way to add tabs dynamically in touch ui dialog.

I have a requirement as follows-

1. We have a composite multifield something like in the below example-

http://experience-aem.blogspot.co.nz/2016/06/aem-62-touch-ui-composite-image-multifield.html

2. Here we are adding the fields in the same tab on click of add field button, instead if we want to add new tab on click of addfield and there again user will fill the same set of fields.

We are trying to achieve this as we have 10 fields as part of multifield.

Please let us know if we can achieve this.

Regards

5 Replies
stevec2515680
Level 4
Level 4

Not clear on your question. Why not use multifield?

ankurk67503819
Level 4
Level 4

Hi Steve,

We have a below requirement-

1.We have around 10 tabs in a tab container component.

2.Under each tab we have around 10 fields to be content authored.

3.To achieve above we would require a multifield with 10 fields for each tab .

4.But if we have 10 fields for each tab then there will be around 100 fields on the same page.

So not to have 100 fields on the same tab , we thought of having different tabs under dialog for each tab.

5. So on click of add field if we can generate a tab and there in if we can have 10 fields to be content authored.

Please let us know if its possible.

Regards

kautuk_sahni
Community Manager
Community Manager

Hi 

I would recommend you to split the component, adding so many values from dialog box would not be a best practice.

But, to achieve what you are asking, Create a "N" tabs up-front (if fields are fixed) and using event handler you can hide or un-hide them.

Please have a look at this old post for your reference:-  http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

 

For Hiding Tabs:-

Link:- http://stackoverflow.com/questions/25244844/conditional-show-hide-of-fields-in-aem-6-dialogs

Link:- http://stackoverflow.com/questions/18288531/how-to-hide-and-unhide-authoerable-tabs-depending-upon-v...

Link:- http://stackoverflow.com/questions/8165800/cq5-hiding-a-tab-within-a-component-dialog-depending-on-u...

 

 

I hope this will help you.

Thanks and Regards

Kautuk Sahni

kautuk_sahni
Community Manager
Community Manager

Hi

Can you please look at the answer posted and let us know if these works for you or not.
If you have devised another way to resolve the issue, please post it here for the community benefit.


Thanks and Regards
Kautuk Sahni

Nandujee
Level 3
Level 3

@kautuk_sahni Is there an option to create a tab dynamically instead of up-front in AEM 6.5 touch UI?