Custom Multifield is not working in AEM 6.3
Solved! Go to Solution.
In 6.3, there need to be an update - I have let the team know there is an issue.
This is very vague.
This is also the reason you don't implement custom multifields, because the API's are constantly changing.
Views
Replies
Total Likes
Custom Multifield is not working in AEM 6.3?
Views
Replies
Total Likes
What error in the browser are you seeing?
Views
Replies
Total Likes
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.
Views
Replies
Total Likes
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.
In 6.3, there need to be an update - I have let the team know there is an issue.
seen error because we have customised the dialog, i have updated the customised dialog with 6.3 updates its started working.
Thanks.
Views
Replies
Total Likes
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.
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)
In AEM 6.3, custom multi-field is available as part of coralUI.
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
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>
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
Hi smacdonald2008 Is there any update on this?
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
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
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.
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
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.
Views
Likes
Replies