Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Multifield component not working on TouchUI - AEM 6.2 SP1

Avatar

Level 3

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

1 Accepted Solution

Avatar

Correct answer by
Administrator

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

View solution in original post

4 Replies

Avatar

Correct answer by
Administrator

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

Avatar

Community Advisor

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.

Avatar

Level 3

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

Avatar

Level 2

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