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

Custom Multifield is not working In AEM 6.3

Avatar

Level 2

Custom Multifield is not working in AEM 6.3

1 Accepted Solution

Avatar

Correct answer by
Level 10

In 6.3, there need to be an update - I have let the team know there is an issue.

View solution in original post

37 Replies

Avatar

Level 8

This is very vague.

This is also the reason you don't implement custom multifields, because the API's are constantly changing.

Avatar

Level 1

Custom Multifield is not working in AEM 6.3?

Avatar

Level 10

What error in the browser are you seeing?

Avatar

Level 10

I am seeing an error too in 6.3. This works in 6.2. I am investigating. It may be a bug.

Uncaught RangeError: Maximum call stack size exceeded

    at instanceGenerator._addListeners (composite-multifield.7ad2e3d05f614dfeab0290e74ff2d9

I will post back my findings.

Avatar

Level 8

This typically happens because 2 xtypes have the same namespace and therefore AEM tries to load both.  I've seen this with ACS Commons installed (with their multifield panel) and also a custom multifield being installed.

Avatar

Correct answer by
Level 10

In 6.3, there need to be an update - I have let the team know there is an issue.

Avatar

Level 2

seen error because we have customised the dialog, i have updated the customised dialog with 6.3 updates its started working.

Thanks.

Avatar

Level 2

i created custom multi field in touch ui AEM 6.3,but when i am trying to add fields i am getting error in console

Uncaught RangeError: Maximum call stack size exceeded.

Avatar

Level 6

Same here.

Uncaught RangeError: Maximum call stack size exceeded

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

Avatar

Level 2

In AEM 6.3, custom multi-field is available as part of coralUI.

Avatar

Level 6

I install the acs-aem-common version 3.9.0, the error "

Uncaught RangeError: Maximum call stack size exceeded

    at f._addListeners (composite-multifield.min.js:59)" is gone.

I made the multifield working in AEM 6.3 by using

granite/ui/components/coral/foundation/form/multifield.

granite/ui/components/coral/foundation/form/fieldset

granite/ui/components/coral/foundation/fixedcolumns

granite/ui/components/coral/foundation/container

granite/ui/components/coral/foundation/form/textfield

Avatar

Level 2

Hi,

<?xml version="1.0" encoding="UTF-8"?>

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="nt:unstructured"

    jcr:title="Multified"

    sling:resourceType="cq/gui/components/authoring/dialog">

    <content

        jcr:primaryType="nt:unstructured"

        sling:resourceType="granite/ui/components/foundation/container">

        <layout

            jcr:primaryType="nt:unstructured"

            sling:resourceType="granite/ui/components/foundation/layouts/tabs"

            type="nav"/>

        <items jcr:primaryType="nt:unstructured">

            <contenttype

                jcr:primaryType="nt:unstructured"

                jcr:title="Content Type"

                sling:resourceType="granite/ui/components/foundation/container">

                <layout

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/>

                <items jcr:primaryType="nt:unstructured">

                    <columns

                        jcr:primaryType="nt:unstructured"

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

                        class="required-icon">

                        <items jcr:primaryType="nt:unstructured">

                            <contenttype

                                jcr:primaryType="nt:unstructured"

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

                              

                                <field

                                    jcr:primaryType="nt:unstructured"

                                    sling:resourceType="granite/ui/components/foundation/form/fieldset"

                                    acs-commons-nested=""

                                    name="./items">

                                    <items jcr:primaryType="nt:unstructured">

                                        <columns

                                            jcr:primaryType="nt:unstructured"

                                            sling:resourceType="granite/ui/components/foundation/container">

                                            <items jcr:primaryType="nt:unstructured">

                                                <text

                                                    jcr:primaryType="nt:unstructured"

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

                                                 

                                                    fieldLabel="Text"

                                                    name="./text"

                                                    required="{Boolean}true"/>

                                                <value

                                                    jcr:primaryType="nt:unstructured"

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

                                                    fieldLabel="Value"

                                                    name="./value"

                                                    required="{Boolean}true"/>

                                            </items>

                                        </columns>

                                    </items>

                                </field>

                                <layout

                                    jcr:primaryType="nt:unstructured"

                                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"

                                    method="absolute"/>

                            </contenttype>

                        </items>

                    </columns>

                </items>

            </contenttype>

          

        </items>

    </content>

</jcr:root>

Avatar

Level 2

once installed acs-aem-common version 3.9.0  package you can add above dialog structure format

It's working properly

don't add customized Multifield.js  files

if you have multifield js files it'a automatically conflicting multi field js files. you will get this type of errors.

Uncaught RangeError: Maximum call stack size exceeded

    at f._addListeners (composite-multifield.min.js:59)" is gone.

if you have any query let me  know

Avatar

Level 2

Hi ,

Is there an update or solution for this issue?

getting same error in 6.3 for multifield , (6.2 works)

Uncaught RangeError: Maximum call stack size exceeded

    at f._addListeners (composite-multifield.min.js:59)"

Thanks,

Nandhini

Avatar

Level 2

Hi smacdonald2008​,

I tried using the above link but now getting below error at all.js, (same error but in all.js now)

all.js:7015 Uncaught RangeError: Maximum call stack size exceeded

    at instanceGenerator._addListeners (all.js:7015)

thanks,

Nandhini

Avatar

Level 10

Hi Nandini,

Make sure you have only one multifield.js file..If you install ACS Commons package then no need to have multifield.js file.

Start the fresh instance, install ACS Commons package, component package and check again.

Also pls clear the browser cache to see the changes.

Hope this helps!!

~Ratna.

Avatar

Level 2

Hi Ratna,

I have tried these steps , still issue persist with the package I installed from helpx site, ,

I have ACSpackage (3.9)and component package, no multifield js file but still gets the below error,

all.js:7015 Uncaught RangeError: Maximum call stack size exceeded

    at instanceGenerator._addListeners (all.js:7015)

(./libs/cq/gui/components/authoring/dialog/clientlibs/all.js ) --> relative path of the out of the box JS file

Multifiled component package that i installed is from below location,

Creating an AEM HTML Template Language 6.3 component that uses a Multifield

Thanks,

Nandhini

Avatar

Level 10

This means you still have a JS script on your AEM instance that is using the Multifield script. As a test, place the package from the HELPX article on a fresh instance. You will see it working.