Multifield component not working on TouchUI - AEM 6.2 SP1 | Community
Skip to main content
Level 3
Sep 18, 2017 6:25 PM UTC
Solved

Multifield component not working on TouchUI - AEM 6.2 SP1

Hi Team,

The multifield touch UI component doesnt seem to work on my local and any of our AEM instances for 6.2 SP1.

I get the following error on the console  while trying to add the field -

Uncaught RangeError: Maximum call stack size exceeded

    at instanceGenerator._addListeners (clientlib.js:187)

    at instanceGenerator._addListeners (clientlib.js:188)

    at instanceGenerator._addListeners (clientlib.js:188)

    at instanceGenerator._addListeners (clientlib.js:188)

    at instanceGenerator._addListeners (clientlib.js:188)

    at instanceGenerator._addListeners (clientlib.js:188)

    at instanceGenerator._addListeners (clientlib.js:188)

I have tried several package installations from the links below with no luck.

We have a production release due soon and would really appreciate your help on this.

Links I referred -

touch-ui-nested-multi-field-panel.zip - Google Drive

Multifield component in TouchUI dialogs - ZenGarden approach

Experiencing Adobe Experience Manager - Day CQ: AEM 6 SP2 - Touch UI Multi Field Component

touchUI-multifield throws "CUI is not defined" error

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
kautuk_sahni
kautuk_sahniAccepted solution
Employee
Sep 19, 2017 7:57 AM UTC

If you are getting Uncaught RangeError: Maximum call stack size exceeded on click of Add Field button, make sure you have not added any customized Multifield.js files.

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.

Also read this comment:- Re: Custom Multifield is not working In AEM

solution:-

1. Install the acs-aem-common version 3.9.0

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

~kautuk

Kautuk Sahni

4 replies

Level 2
Apr 6, 2018 6:16 AM UTC

Is  AEM 6.1  good to migrate from classic-ui to touch-ui?

Translate
Level 3
Sep 19, 2017 3:42 PM UTC

Thankyou everyone for the quick response.I got the component working by uninstalling ACS commons package

Translate
Ratna_Kumar
Level 10
Sep 19, 2017 11:35 AM UTC

Hi,

Yes, Kautuk is correct!!

If you are getting Uncaught RangeError: Maximum call stack size exceeded on click of Add Field button, make sure you have not added any customized Multifield.js files.

This has been well explained in this article: http://www.aemcq5tutorials.com/tutorials/touchui-multifield-component-using-htl/

Hope this helps!

Ratna.

Translate
kautuk_sahni
kautuk_sahniAccepted solution
Employee
Sep 19, 2017 7:57 AM UTC

If you are getting Uncaught RangeError: Maximum call stack size exceeded on click of Add Field button, make sure you have not added any customized Multifield.js files.

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.

Also read this comment:- Re: Custom Multifield is not working In AEM

solution:-

1. Install the acs-aem-common version 3.9.0

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

~kautuk

Translate
Kautuk Sahni