Issue with Nested multifield using coral UI multifield

[prajwalreddy]

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?

[kautuk_sahni]

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

[prajwalreddy]

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]

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

[kautuk_sahni]

There is solution for Nested Multi field:- Nested multifield in AEM 6.3 + sightly

[prajwalreddy]

This doesn't work. What ever the add field we click it opens up the outer multifield only.

[DhirajAg]

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

[arpitas]

I have same issue. Any solution?

[rachelb88688093]

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...

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

[alvarof55440963]

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

Thanks

[Gaurav-Behl]

This coral3 example works fine on both 6.3 & 6.4 -

Experiencing Adobe Experience Manager - Day CQ: AEM 64 - Touch UI Nested Composite Multifield Using ...

coral2 -

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

[DimaRo]

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);