Level 5

AEM 6.2 Dialog breaking if Multifield items exceeds limit

Forum|Forum|8 years ago
December 13, 2017
13 replies
10563 views

Hi All,

I am using AEM 6.2. In my component there are 3 tabs. Each tab has 3 multifields, so total 9 multifields in component. As soon as i drag and drop component in page and author it, it work as expected(added approximately 200 items in all 9 multifield widgets), it stored these values in crx repository, till here everything is fine.

When i click edit button to edit dialog values. Dialog is broken. I analysed till 176(total items in all 9 multifield) elements it is working. After which it start breaking the dialog.

Now i am unable to edit the dialog. This issue is now becoming critical to fix.

Any help is really appreciated, how to make sure to author any no of items in multifield without breaking the dialog when open for edit?

Please advise if anyone face similar challenge.

Installed SP1 on AEM6.2 also didn't fix my issue.

Thanks,

Pradeep

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

smacdonald2008

Level 10

For the Multi-field - are you using ACS-COMMONS?

P

pradeepdubey82Author

Level 5

sling:resourceType is granite/ui/components/foundation/form/multifield for all multifield widgets in my component. though i have acs-commons folder in apps folder.

Please advise how to solve this.

edubey

Level 10

I don't think that's an issue from product.

that is probably happening because of ACS Commons validator being used
It was logged by a customer but never got fixed.

https://github.com/Adobe-Consulting-Services/acs-aem-commons/issues/875

https://github.com/Adobe-Consulting-Services/acs-aem-commons/blob/aea8a4192632dac42151e6d6d6a1e71cd1c09a20/content/src/main/content/jcr_root/apps/acs-commons/touchui-widgets/composite-multifield/source/touchui-widgets-init.js#L154

P

pradeepdubey82Author

Level 5

It looks like it's an AEM product issue. Not only my custom component's dialog is breaking, other component's dialog is also breaking after 150 element in 2 multifields(1 is having 106 elements other having some 35 elements).

If anyone have added more than 200 elements in multifields (more than one in same component) please share the cq dialog xml file.

Thanks,

Pradeep

edubey

Level 10

There were some similar issues with product which were fixed in previous version.

Can you confirm that none of your multifield is using ACS Commons attribute or a validation like acs-commons-nested in property of any dialog node?

Would be good, if you can share dialog xml with community.

P

pradeepdubey82Author

Level 5

I am not using acs at all in my cq.dialog xml. Below is the cq dialog.xml. I have 2 tabs, each tab has multifield. After some certain count multifield is breaking not loading all items in dialog to edit them.

<?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="Multifield"

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

<content

jcr:primaryType="nt:unstructured"

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

class="dialog-width-50rem">

<layout

jcr:primaryType="nt:unstructured"

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

type="nav"/>

<basic

jcr:primaryType="nt:unstructured"

jcr:title="Basic"

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

<layout

jcr:primaryType="nt:unstructured"

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

<column

jcr:primaryType="nt:unstructured"

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

class="column-full-width">

<fieldset

jcr:primaryType="nt:unstructured"

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

<layout

jcr:primaryType="nt:unstructured"

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

<column

jcr:primaryType="nt:unstructured"

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

<items

jcr:primaryType="nt:unstructured"

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

fieldDescription="Click 'Add field' button to add a new field."

fieldLabel="Social Icons List"

limit="200">

<field

jcr:primaryType="nt:unstructured"

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

eaem-nested=""

name="./items">

<layout

jcr:primaryType="nt:unstructured"

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

<column

jcr:primaryType="nt:unstructured"

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

<title

jcr:primaryType="nt:unstructured"

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

fieldLabel="Social Title"

name="./socialTitle"/>

<icon

jcr:primaryType="nt:unstructured"

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

fieldLabel="Select Social Icon"

name="./socialIcon">

<select

jcr:primaryType="nt:unstructured"

text="Select Icon"/>

<facebook

jcr:primaryType="nt:unstructured"

text="Facebook"

value="facebook"/>

<linkedin

jcr:primaryType="nt:unstructured"

text="Linkedin"

value="linkedin"/>

<twitter

jcr:primaryType="nt:unstructured"

text="Twitter"

value="twitter"/>

<googlePlus

jcr:primaryType="nt:unstructured"

text="Google +"

value="google-plus"/>

</items>

</icon>

<openInNewTab

jcr:primaryType="nt:unstructured"

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

name="./openInNewTab"

text="Open In New Tab"

value="_blank"/>

</items>

</column>

</items>

</field>

</items>

</column>

</items>

</fieldset>

</items>

</column>

</items>

</basic>

<advance

jcr:primaryType="nt:unstructured"

jcr:title="Advance"

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

<layout

jcr:primaryType="nt:unstructured"

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

<column

jcr:primaryType="nt:unstructured"

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

class="column-full-width">

<fieldset

jcr:primaryType="nt:unstructured"

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

<layout

jcr:primaryType="nt:unstructured"

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

<column

jcr:primaryType="nt:unstructured"

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

<items

jcr:primaryType="nt:unstructured"

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

fieldDescription="Click 'Add field' button to add a new field."

fieldLabel="Social Icons List"

limit="200">

<field

jcr:primaryType="nt:unstructured"

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

eaem-nested=""

name="./advance">

<layout

jcr:primaryType="nt:unstructured"

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

<column

jcr:primaryType="nt:unstructured"

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

<title

jcr:primaryType="nt:unstructured"

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

fieldLabel="Social Title"

name="./socialTitle"/>

<icon

jcr:primaryType="nt:unstructured"

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

fieldLabel="Select Social Icon"

name="./socialIcon">

<select

jcr:primaryType="nt:unstructured"

text="Select Icon"/>

<facebook

jcr:primaryType="nt:unstructured"

text="Facebook"

value="facebook"/>

<linkedin

jcr:primaryType="nt:unstructured"

text="Linkedin"

value="linkedin"/>

<twitter

jcr:primaryType="nt:unstructured"

text="Twitter"

value="twitter"/>

<googlePlus

jcr:primaryType="nt:unstructured"

text="Google +"

value="google-plus"/>

</items>

</icon>

<openInNewTab

jcr:primaryType="nt:unstructured"

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

name="./openInNewTab"

text="Open In New Tab"

value="_blank"/>

</items>

</column>

</items>

</field>

</items>

</column>

</items>

</fieldset>

</items>

</column>

</items>

</advance>

</items>

</content>

</jcr:root>

edubey

Level 10

AFAIK, this is not from product

eaem-nested

Do you have a script which backs this attribute?

P

pradeepdubey82Author

Level 5

No i don't have any script.

If this is not a bug in AEM, could you please share any cq dialog.xml which can add let's say 200 element per multifield. So that i can add up to 1800 total elements, 200 items per multifield as i have total 9 multifields in dialog.

This issue stagnated overall progress now.

Thanks,

Pradeep

edubey

Level 10

There is a good possibility that you might be using JS from similar articlehttp://experience-aem.blogspot.in/2016/08/aem-62-touch-ui-nested-composite-multifield-store-data-as-json.html

It works well with normal data but too many validators gets added to field making it unresponsive.

I don't have any dialog as of now, If you are sure there is no custom js for it - Raise a day care ticket

P

pradeepdubey82Author

Level 5

I am using only multifield not nested multifield. Link you shared is nested multifield.

Since i am not writing any custom logic for component, then why any validator will get added?

Don't know internal of coral ui.

Show more replies

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded