Issue with Nested multifield using coral UI multifield | Community
Skip to main content
Level 2
April 11, 2018

Issue with Nested multifield using coral UI multifield

  • April 11, 2018
  • 6 replies
  • 10153 views

I have created a nested multifield using coral UI like below

myinput

        - sling:resourceType = "granite/ui/components/coral/foundation/form/multifield"

        - composite = true

        + field

          - sling:resourceType = "granite/ui/components/coral/foundation/container"

          - name = "./addresses"

          + items

            + nestedmultifield

              - sling:resourceType = "granite/ui/components/coral/foundation/form/multifield"

              - composite =true

              + field

                - sling:resourceType = "granite/ui/components/coral/foundation/form/textfield"

                - name = "./items"

            + street1

              - sling:resourceType = "granite/ui/components/coral/foundation/form/textfield"

              - name = "street1"

I was able to save the data to the node and read it without any problems.However, When i configure the values in the dialog for the first time and save it and come back again to add an additional multifield when i click on ADD on the first multifield. It opens up the second multifield instead of the first one.

Do i need to have any additional configuration for it?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

6 replies

kautuk_sahni
Community Manager
Community Manager
April 11, 2018

Here is the example Coral multi-field :- Creating a Granite/Coral 6.3 Multifield HTL component for Adobe Experience Manager

Here is the example Granite Multi-field :- Creating an AEM HTML Template Language 6.3 component that uses a Multifield

Use packages provided.

-Kautuk

Kautuk Sahni
Level 2
April 11, 2018

Hi Kautuksahni,

Problem is when we do a nested multifield not when we have a single multifield.

Multifield1

     + text

     + multifield2

          +text

          +text

With the above structure when we open the already configured dialog and try to add an item in the multifield1 it opens the multifield2.

Let me know if the issue is still not clear.

smacdonald2008
Level 10
April 11, 2018

Here is a related doc - see if you can follow same steps for granite/coral MF - Create Nested MultiField Component in AEM 6.3

DhirajAg
Level 4
June 2, 2018

I am facing the same issue for nested multifields using coral multifield. Is there a fix for this?

September 7, 2018

I have same issue. Any solution?

December 13, 2018

Having the same issue. Anyone find a fix?

Update from Adobe:

"Nested multifields aren't supported in 6.3. They are only supported in AEM 6.4 and would be supported in AEM 6.5 as well.

If you cannot upgrade to 6.4 instead then please consider trying the ACS commons solution here:

https://adobe-consulting-services.github.io/acs-aem-commons/features/ui-widgets/multifield-extension/index.html

That page notes that you should use coral 3 components on 6.3+ but it should say 6.4+."

Level 2
January 18, 2019

Can someone confirm that there is no way to have a coral nested multifield on AEM 6.3?

Thanks

March 28, 2024

I fixed same issue with :

 

(function ($, $document, author) { "use strict"; $(document).on('dialog-ready', function () { setTemplatesCorrectlyCoralCompositeMultifield(); }); function setTemplatesCorrectlyCoralCompositeMultifield(){ console.log('executing setTemplatesCorrectlyCoralCompositeMultifield') $('.foundation-form').find(".coral-Multifield").each(function(){ var _multifield = this; $(this).children("[coral-multifield-template]").last().each(function(){ _multifield.template = this; }) }) } })($, $(document), Granite.author);