Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Dialog with Nested multifield using Coral 3

Avatar

Level 2

Hi,

I am trying to create a nested multifield dialog using coral 3 (libs/granite/ui/components/coral/foundation/form/multifield).

In the first authoring when I click the "Add" fields for both parent and sub-multifield its working fine. But once I save the dialog and try to author it the second time and select the parent "Add" option then it displays the fields of the sub-multifield instead of the parent multifield.

We want to achieve this functionality without using acs-commons approach.

Any help would be appreciated.

Thanks,

Raunak

1 Accepted Solution

Avatar

Correct answer by
Level 10

THe Eng team said use of Nested granite/coral multi field was not supported - that is why its not working well.

To create a Nested MF - follow this article - written by one of our Touch UI Experts -- Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Touch UI Nested ( Multi-Multi ) Coral 2 Com...

View solution in original post

5 Replies

Avatar

Level 10

Just checked with Eng on this - the response was:

nested multifield is NOT support otb, only composite is supported; and ACS commons nested multifield is coral2

See - Nested multifield in AEM 6.3 + sightly

Avatar

Level 3

@smacdonald2008 - In the multifield widget(/libs/granite/ui/components/coral/foundation/form/multifield/render.jsp) itself it is mentioned that nesting is supported in the composite multifield. Also, The ACS commons link which refers to the multifield extensions says it to be deprecated and asked to use the OTB coral multifield from AEM6.3 onward. I was also facing the same issue when we open the dialog after configuring it once.When we click on ADD it only opens the inner multifield irrespective if we click on outer multifield or inner multifield. Could you please validate ?

Avatar

Correct answer by
Level 10

THe Eng team said use of Nested granite/coral multi field was not supported - that is why its not working well.

To create a Nested MF - follow this article - written by one of our Touch UI Experts -- Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Touch UI Nested ( Multi-Multi ) Coral 2 Com...

Avatar

Level 10

For all other MF uses cases - that are not nested - then use granite/coral one as specified here:

Building Experience Manager Components using Granite/Coral Resource Types

Avatar

Level 2

I tried with Experiencing Adobe Experience Manager - Day CQ: AEM 63 - Touch UI Nested ( Multi-Multi ) Coral 2 Com... ,

Still I am getting following error. Not able to add field even.

http://localhost:4502/apps/acs-commons/touchui-widgets/composite-multifield.js

Uncaught RangeError: Maximum call stack size exceeded

    at instanceGenerator._addListeners (composite-multifield.js:316)

    at instanceGenerator._addListeners (composite-multifield.js:317)

    at instanceGenerator._addListeners (composite-multifield.js:317)

    at instanceGenerator._addListeners (composite-multifield.js:317)

    at instanceGenerator._addListeners (composite-multifield.js:317)

    at instanceGenerator._addListeners (composite-multifield.js:317)

    at instanceGenerator._addListeners (composite-multifield.js:317)

    at instanceGenerator._addListeners (composite-multifield.js:317)

    at instanceGenerator._addListeners (composite-multifield.js:317)

    at instanceGenerator._addListeners (composite-multifield.js:317)

I am using AEM 6.3 and ACS Common 3.15.2