Parsys inside a dialog's tab (Tabbed silder requirement) | Community
Skip to main content
New Participant
Oct 2, 2017 3:19 AM UTC
Solved

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

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.

Thanks,

Neeraj

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Ratna_Kumar
Ratna_KumarAccepted solution
Level 10
Oct 2, 2017 5:34 AM UTC

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.

3 replies

New Participant
Oct 2, 2017 4:23 PM UTC

Thanks Ratna.

Translate
smacdonald2008
Level 10
Oct 2, 2017 2:57 PM UTC

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

Translate
Ratna_Kumar
Ratna_KumarAccepted solution
Level 10
Oct 2, 2017 5:34 AM UTC

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.

Translate