jcr:title not reflecting after migration of component to Coral UI 3 | Community
Skip to main content
Level 2
May 27, 2021
Solved

jcr:title not reflecting after migration of component to Coral UI 3

  • May 27, 2021
  • 1 reply
  • 1349 views

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>
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Asutosh_Jena_

Hi @ks_hitijingole 

 

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!

 

1 reply

Asutosh_Jena_
Community Advisor
Asutosh_Jena_Community AdvisorAccepted solution
Community Advisor
May 28, 2021

Hi @ks_hitijingole 

 

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!

 

Level 2
May 28, 2021
Hi @asutosh_jena_ , The above XML worked. Thank you so much for you help. Appreciated.