Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list
SOLVED
jcr:title not reflecting after migration of component to Coral UI 3
Hi,
I was trying to migrate a component from Coral UI 2 to Coral UI 3. After migration I am not able to see the jcr:title (As shown in below screenshot, highlighted is not visible after migration)
I tried restructuring some of the node but no luck.
Please find the below XML :
Coral UI 2
<?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.productlogo.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">
<productlogo
jcr:primaryType="nt:unstructured"
jcr:title="Roche Product Logo Component"
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="Product Logo Inputs"
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"
class="foundation-layout-util-maximized-alt long-label">
<items jcr:primaryType="nt:unstructured">
<logoName
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldDescription="Enter the name of the logo image."
fieldLabel="Name of the logo"
name="./logoName"/>
<logoDescription
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldDescription="Enter the Description for the Logo."
fieldLabel="Logo Description"
name="./logoDescription"/>
<logoImage
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldDescription="Upload Image for Logo(Expected size: 136x40)"
fieldLabel="Roche Product Logo"
fileNameParameter="./logoImage"
fileReferenceParameter="./logoReference"
mimeTypes="[image]"
multiple="{Boolean}false"
name="./logoImage"
title="Upload Image"
uploadUrl="${suffix.path}"
useHTML5="{Boolean}true"/>
<productLogoPosition
cq:showOnCreate="{Boolean}true"
jcr:primaryType="nt:unstructured"
jcr:title="Product Logo Position"
sling:resourceType="granite/ui/components/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<feature
cq:showOnCreate="{Boolean}true"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/select"
cq-msm-lockable="productLogoPosition"
fieldLabel="Product Logo Position"
name="./productLogoPosition">
<items jcr:primaryType="nt:unstructured">
<left
jcr:primaryType="nt:unstructured"
text="Left"
value="left"/>
<right
jcr:primaryType="nt:unstructured"
text="Right"
value="right"/>
</items>
</feature>
</items>
</productLogoPosition>
<path
jcr:primaryType="nt:unstructured"
sling:resourceType="roche/diagnostics/overlays/pathbrowser"
contextPath="{Boolean}true"
fieldLabel="Item path"
name="./pagePath"
rootPath="/content"/>
<linkBehaviour
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>
</linkBehaviour>
</items>
</column>
</items>
</fieldset>
</items>
</column>
</items>
</productlogo>
</items>
</content>
</jcr:root>Coral 3 XML
<?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"
sling:resourceType="cq/gui/components/authoring/dialog"
helpPath="/content/diagnostics/authoring-help.productlogo.html?wcmmode=disabled">
<content
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/tabs">
<items jcr:primaryType="nt:unstructured">
<productlogo
jcr:primaryType="nt:unstructured"
jcr:title="Roche Product Logo Component"
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="Product Logo Inputs"
sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">
<items jcr:primaryType="nt:unstructured">
<column
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<logoName
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter the name of the logo image."
fieldLabel="Name of the logo"
name="./logoName"/>
<logoDescription
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter the Description for the Logo."
fieldLabel="Logo Description"
name="./logoDescription"/>
<logoImage
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldDescription="Upload Image for Logo(Expected size: 136x40)"
fieldLabel="Roche Product Logo"
fileNameParameter="./logoImage"
fileReferenceParameter="./logoReference"
mimeTypes="[image]"
multiple="{Boolean}false"
name="./logoImage"
title="Upload Image"
uploadUrl="${suffix.path}"
useHTML5="{Boolean}true"/>
<productLogoPosition
jcr:primaryType="nt:unstructured"
jcr:title="Product Logo Position"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<feature
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldLabel="Product Logo Position"
name="./productLogoPosition">
<items jcr:primaryType="nt:unstructured">
<left
jcr:primaryType="nt:unstructured"
text="Left"
value="left"/>
<right
jcr:primaryType="nt:unstructured"
text="Right"
value="right"/>
</items>
<granite:data
jcr:primaryType="nt:unstructured"
cq-msm-lockable="productLogoPosition"/>
</feature>
</items>
</productLogoPosition>
<path
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
fieldLabel="Item path"
name="./pagePath"
rootPath="/content"/>
<linkBehaviour
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>
</linkBehaviour>
</items>
</column>
</items>
</fieldset>
</items>
</column>
</items>
</productlogo>
</items>
</content>
</jcr:root>
1 Accepted Solution
Correct answer by
Please use the below dialog and validate:
<?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="Component Title"
sling:resourceType="cq/gui/components/authoring/dialog"
helpPath="/content/diagnostics/authoring-help.productlogo.html?wcmmode=disabled">
<content
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<tabs
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/tabs"
maximized="{Boolean}true">
<items jcr:primaryType="nt:unstructured">
<productlogo
jcr:primaryType="nt:unstructured"
jcr:title="Roche Product Logo Component"
sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
margin="{Boolean}true">
<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="Product Logo Inputs"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<column
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<logoName
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter the name of the logo image."
fieldLabel="Name of the logo"
name="./logoName"/>
<logoDescription
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter the Description for the Logo."
fieldLabel="Logo Description"
name="./logoDescription"/>
<logoImage
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldDescription="Upload Image for Logo(Expected size: 136x40)"
fieldLabel="Roche Product Logo"
fileNameParameter="./logoImage"
fileReferenceParameter="./logoReference"
mimeTypes="[image]"
multiple="{Boolean}false"
name="./logoImage"
title="Upload Image"
uploadUrl="${suffix.path}"
useHTML5="{Boolean}true"/>
<productLogoPosition
jcr:primaryType="nt:unstructured"
jcr:title="Product Logo Position"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<feature
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldLabel="Product Logo Position"
name="./productLogoPosition">
<items jcr:primaryType="nt:unstructured">
<left
jcr:primaryType="nt:unstructured"
text="Left"
value="left"/>
<right
jcr:primaryType="nt:unstructured"
text="Right"
value="right"/>
</items>
<granite:data
jcr:primaryType="nt:unstructured"
cq-msm-lockable="productLogoPosition"/>
</feature>
</items>
</productLogoPosition>
<path
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
fieldLabel="Item path"
name="./pagePath"
rootPath="/content"/>
<linkBehaviour
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>
</linkBehaviour>
</items>
</column>
</items>
</fieldset>
</items>
</column>
</items>
</productlogo>
</items>
</tabs>
</items>
</content>
</jcr:root>
Hope this helps.
Thanks!
Correct answer by
Please use the below dialog and validate:
<?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="Component Title"
sling:resourceType="cq/gui/components/authoring/dialog"
helpPath="/content/diagnostics/authoring-help.productlogo.html?wcmmode=disabled">
<content
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<tabs
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/tabs"
maximized="{Boolean}true">
<items jcr:primaryType="nt:unstructured">
<productlogo
jcr:primaryType="nt:unstructured"
jcr:title="Roche Product Logo Component"
sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
margin="{Boolean}true">
<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="Product Logo Inputs"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<column
granite:class="foundation-layout-util-maximized-alt long-label"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<logoName
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter the name of the logo image."
fieldLabel="Name of the logo"
name="./logoName"/>
<logoDescription
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Enter the Description for the Logo."
fieldLabel="Logo Description"
name="./logoDescription"/>
<logoImage
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldDescription="Upload Image for Logo(Expected size: 136x40)"
fieldLabel="Roche Product Logo"
fileNameParameter="./logoImage"
fileReferenceParameter="./logoReference"
mimeTypes="[image]"
multiple="{Boolean}false"
name="./logoImage"
title="Upload Image"
uploadUrl="${suffix.path}"
useHTML5="{Boolean}true"/>
<productLogoPosition
jcr:primaryType="nt:unstructured"
jcr:title="Product Logo Position"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<feature
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldLabel="Product Logo Position"
name="./productLogoPosition">
<items jcr:primaryType="nt:unstructured">
<left
jcr:primaryType="nt:unstructured"
text="Left"
value="left"/>
<right
jcr:primaryType="nt:unstructured"
text="Right"
value="right"/>
</items>
<granite:data
jcr:primaryType="nt:unstructured"
cq-msm-lockable="productLogoPosition"/>
</feature>
</items>
</productLogoPosition>
<path
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
fieldLabel="Item path"
name="./pagePath"
rootPath="/content"/>
<linkBehaviour
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>
</linkBehaviour>
</items>
</column>
</items>
</fieldset>
</items>
</column>
</items>
</productlogo>
</items>
</tabs>
</items>
</content>
</jcr:root>
Hope this helps.
Thanks!
