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
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Multifield component not working on TouchUI - AEM 6.2 SP1

sonalik77795449
Level 3
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
kautuk_sahni
Correct answer by
Community Manager
Community Manager

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
kautuk_sahni
Correct answer by
Community Manager
Community Manager

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

Ratna_Kumar
Community Advisor
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.

sonalik77795449
Level 3
Level 3

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

srinuetta
Level 2
Level 2

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