Expand my Community achievements bar.

SOLVED

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

Avatar

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

Avatar

Correct answer by
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

Avatar

Correct answer by
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!

 

Avatar

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