Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

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

ks_hitijingole
Level 2
Level 2

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)

Screenshot 2021-05-27 202811.png

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
asutosh_jena
Correct answer by
Community Advisor
Community Advisor

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>

asutosh_jena_0-1622176391251.png

 

Hope this helps.

Thanks!

 

View solution in original post

2 Replies
asutosh_jena
Correct answer by
Community Advisor
Community Advisor

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>

asutosh_jena_0-1622176391251.png

 

Hope this helps.

Thanks!

 

View solution in original post

ks_hitijingole
Level 2
Level 2
Hi @asutosh_jena , The above XML worked. Thank you so much for you help. Appreciated.