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
BedrockMission!

Learn More

View all

Sign in to view all badges

How to add dynamic tabs in Touch ui Dialog

Avatar

Avatar
Validate 10
Level 3
ankurk67503819
Level 3

Likes

15 likes

Total Posts

89 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 10
Boost 5
Boost 3
View profile

Avatar
Validate 10
Level 3
ankurk67503819
Level 3

Likes

15 likes

Total Posts

89 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 10
Boost 5
Boost 3
View profile
ankurk67503819
Level 3

17-07-2016

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

Replies

Avatar

Avatar
Validate 10
Level 3
stevec2515680
Level 3

Likes

6 likes

Total Posts

92 posts

Correct Reply

8 solutions
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile

Avatar
Validate 10
Level 3
stevec2515680
Level 3

Likes

6 likes

Total Posts

92 posts

Correct Reply

8 solutions
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile
stevec2515680
Level 3

17-07-2016

Not clear on your question. Why not use multifield?

Avatar

Avatar
Validate 10
Level 3
ankurk67503819
Level 3

Likes

15 likes

Total Posts

89 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 10
Boost 5
Boost 3
View profile

Avatar
Validate 10
Level 3
ankurk67503819
Level 3

Likes

15 likes

Total Posts

89 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 10
Boost 5
Boost 3
View profile
ankurk67503819
Level 3

17-07-2016

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

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,167 likes

Total Posts

6,285 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,167 likes

Total Posts

6,285 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

18-07-2016

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

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,167 likes

Total Posts

6,285 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,167 likes

Total Posts

6,285 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

28-07-2016

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

Avatar

Avatar
Give Back 3
Level 2
Nandujee
Level 2

Likes

3 likes

Total Posts

44 posts

Correct Reply

0 solutions
Top badges earned
Give Back 3
Give Back
Ignite 5
Ignite 3
Ignite 1
View profile

Avatar
Give Back 3
Level 2
Nandujee
Level 2

Likes

3 likes

Total Posts

44 posts

Correct Reply

0 solutions
Top badges earned
Give Back 3
Give Back
Ignite 5
Ignite 3
Ignite 1
View profile
Nandujee
Level 2

02-06-2021

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