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

Parsys inside a dialog's tab (Tabbed silder requirement)

Avatar

Level 1

Hi All,

I am new to the AEM world so looking some help and guidance from AEM Gurus. I am having difficulty to implement the following retirement (screenshot). We have 2 tabs on a page where user can click either one of them to see the content. The content consist of multiple Image and Text blocks.

I was thinking to have a 2 tabs inside the dialog, and each tab will have a parsys so that content author can drag and drop as many 'image & text' components as required. The tabs will have some other information like Tab headline, subheadline etc...

Can you please guide me if I am not going into the right direction and how can I call parsys inside a tab. The AEM version we are using is 6.2.

Tabbed slider.png

Thanks,

Neeraj

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi Neeraj,

You cannot include the parsys inside the dialog. As per your requirement, you can follow the below approach.

-> Create the dialog with two tabs.

-> Create the multi-field for Tab 1 and include the "sling:resourceType="granite/ui/components/foundation/form/textfield" for Text and "sling:resourceType="granite/ui/components/foundation/form/fileupload" for Image.

-> If you want to resctrict to add the min and max fields in the dialog tabs by author, then you can follow this article: Setting Maximum items in an Experience Manager 6.3 Multifield

You can follow this article for the same: Experiencing Adobe Experience Manager - Day CQ: AEM 61 - Touch UI Image Multifield

Hope this helps!!

~Ratna.

View solution in original post

0 Replies

Avatar

Correct answer by
Community Advisor

Hi Neeraj,

You cannot include the parsys inside the dialog. As per your requirement, you can follow the below approach.

-> Create the dialog with two tabs.

-> Create the multi-field for Tab 1 and include the "sling:resourceType="granite/ui/components/foundation/form/textfield" for Text and "sling:resourceType="granite/ui/components/foundation/form/fileupload" for Image.

-> If you want to resctrict to add the min and max fields in the dialog tabs by author, then you can follow this article: Setting Maximum items in an Experience Manager 6.3 Multifield

You can follow this article for the same: Experiencing Adobe Experience Manager - Day CQ: AEM 61 - Touch UI Image Multifield

Hope this helps!!

~Ratna.

Avatar

Level 10

Ratna is correct - the parsys is meant for pages for authors to drop components - not for component dialogs.