Content not displaying at page label after migration of multifield dialog into coralui
Hi, I have migrated multifield component into coralui 3 , after migration content is not displaying at page label. earlier node was saving into JSON format but after migration its saving into item0,item1....node format. please find out below granite and coralui XML code
Granite:-
<?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"
sling:resourceType="cq/gui/components/authoring/dialog"
helpPath="/content/diagnostics/authoring-help.mediainfo.html?wcmmode=disabled">
<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">
<media
jcr:primaryType="nt:unstructured"
jcr:title="Media Info"
sling:resourceType="granite/ui/components/foundation/section">
<layout
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/>
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items jcr:primaryType="nt:unstructured">
<fieldset
jcr:primaryType="nt:unstructured"
jcr:title="Media Info Input"
sling:resourceType="granite/ui/components/foundation/form/fieldset">
<layout
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/>
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items jcr:primaryType="nt:unstructured">
<ctaLink
jcr:primaryType="nt:unstructured"
sling:resourceType="new/diagnostics/overlays/pathbrowser"
contextPath="{Boolean}true"
fieldDescription="Configure Call to action link"
fieldLabel="CTA Link"
name="./ctaLink"
rootPath="/content"/>
<ctaLinkBehaviour
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/select"
fieldLabel="Link behaviour"
name="./linkBehaviour">
<items jcr:primaryType="nt:unstructured">
<sameWindow
jcr:primaryType="nt:unstructured"
text="Same window"
value="_self"/>
<newWindow
jcr:primaryType="nt:unstructured"
text="New window"
value="_blank"/>
</items>
</ctaLinkBehaviour>
<ctaText
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
class="foundation-layout-util-maximized-alt long-label"
fieldLabel="CTA Text"
name="./ctaText"/>
<ctaDescription
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textarea"
class="foundation-layout-util-maximized-alt long-label"
fieldLabel="CTA Description"
name="./ctaDescription"/>
<fitoption
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/checkbox"
name="./fitCrop"
text="Adjust image to fit component"
value="true"/>
<multi
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/multifield"
class="foundation-layout-util-maximized-alt long-label"
fieldDescription="Click 'Add Fields' to add a new Media Info"
fieldLabel="Media Info">
<field
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fieldset"
name="./mediaLinks"
owp-acs-commons-nested="JSON_STORE">
<layout
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"
method="absolute"/>
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items jcr:primaryType="nt:unstructured">
<imageText
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textarea"
class="foundation-layout-util-maximized-alt long-label"
fieldDescription="Enter Image Text"
fieldLabel="Image Text"
name="./imageText"/>
<imageHeading
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
class="foundation-layout-util-maximized-alt long-label"
fieldDescription="Enter Image Heading"
fieldLabel="Image Heading"
name="./imageHeading"/>
<imagePath
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
class="foundation-layout-util-maximized-alt long-label"
fieldDescription="Select Image Path (Expected image size:1244X914)"
fieldLabel="Image Path"
name="./imagePath"
required="{Boolean}true"
rootPath="/content/dam"/>
<altText
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
class="foundation-layout-util-maximized-alt long-label"
fieldDescription="Enter Image Alt Text"
fieldLabel="Image Alt Text"
name="./altText"/>
</items>
</column>
</items>
</field>
</multi>
</items>
</column>
</items>
</fieldset>
</items>
</column>
</items>
</media>
</items>
</content>
</jcr:root>
after changes into coralui:-
<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:granite="http://www.adobe.com/jcr/granite/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="Media Info"
sling:resourceType="cq/gui/components/authoring/dialog"
helpPath="/content/diagnostics/authoring-help.mediainfo.html?wcmmode=disabled">
<content
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/tabs">
<items jcr:primaryType="nt:unstructured">
<media
jcr:primaryType="nt:unstructured"
jcr:title="Media Info"
sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<fieldset
jcr:primaryType="nt:unstructured"
jcr:title="Media Info Input"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<ctaLink
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
fieldDescription="Configure Call to action link"
fieldLabel="CTA Link"
name="./ctaLink"
rootPath="/content"/>
<ctaLinkBehaviour
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldLabel="Link behaviour"
name="./linkBehaviour">
<items jcr:primaryType="nt:unstructured">
<sameWindow
jcr:primaryType="nt:unstructured"
text="Same window"
value="_self"/>
<newWindow
jcr:primaryType="nt:unstructured"
text="New window"
value="_blank"/>
</items>
</ctaLinkBehaviour>
<ctaText
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="CTA Text"
name="./ctaText"/>
<ctaDescription
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
fieldLabel="CTA Description"
name="./ctaDescription"/>
<fitoption
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
name="./fitCrop"
text="Adjust image to fit component"
value="true"/>
<multi
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
composite="{Boolean}true"
fieldDescription="Click 'Add Fields' to add a new Media Info"
fieldLabel="Media Info">
<field
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset"
name="./mediaLinks">
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<imageText
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
fieldDescription="Enter Image Text"
fieldLabel="Image Text"
name="./imageText"/>
<imageHeading
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter Image Heading"
fieldLabel="Image Heading"
name="./imageHeading"/>
<imagePath
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathbrowser"
fieldDescription="Select Image Path (Expected image size:1244X914)"
fieldLabel="Image Path"
name="./imagePath"
required="{Boolean}true"
rootPath="/content/dam"/>
<altText
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter Image Alt Text"
fieldLabel="Image Alt Text"
name="./altText"/>
</items>
</column>
</items>
</field>
</multi>
</items>
</column>
</items>
</fieldset>
</items>
</column>
</items>
</media>
</items>
</content>
</jcr:root>
Note:- in granite its working as expected but after migration into coralui below part is not working
<multi
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
composite="{Boolean}true"
fieldDescription="Click 'Add Fields' to add a new Media Info"
fieldLabel="Media Info">
<field
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset"
name="./mediaLinks">
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<imageText
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textarea"
fieldDescription="Enter Image Text"
fieldLabel="Image Text"
name="./imageText"/>
<imageHeading
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter Image Heading"
fieldLabel="Image Heading"
name="./imageHeading"/>
<imagePath
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathbrowser"
fieldDescription="Select Image Path (Expected image size:1244X914)"
fieldLabel="Image Path"
name="./imagePath"
required="{Boolean}true"
rootPath="/content/dam"/>
<altText
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter Image Alt Text"
fieldLabel="Image Alt Text"
name="./altText"/>
</items>
</column>
</items>
</field>
</multi>
</items>
</column>
</items>
</fieldset>
</items>
</column>
</items>
</media>
</items>
</content>
</jcr:root>
Please help me out to get it fixed
Thanks in advance!!