Expand my Community achievements bar.

SOLVED

Field label not showing in component dialog

Avatar

Level 7

I have the following dialog structure for a component in _cq_dialog and I am wondering why the field name does not show for logoPrimary and for logoSecondary?

<items jcr:primaryType="nt:unstructured">
<columns
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
margin="{Boolean}true">
<items jcr:primaryType="nt:unstructured">
<columns
jcr:primaryType="nt:unstructured"
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">
<logoPrimary
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Primär"
fileNameParameter="./logoPrimary/fileName"
fileReferenceParameter="./logoPrimary/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoPrimary/file"
allowUpload="{Boolean}false"
required="{Boolean}true"
useHTML5="{Boolean}true"/>
<logoPrimaryInverted
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Primär Inverted"
fileNameParameter="./logoPrimaryInverted/fileName"
fileReferenceParameter="./logoPrimaryInverted/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoPrimaryInverted/file"
allowUpload="{Boolean}false"
required="{Boolean}false"
useHTML5="{Boolean}true"/>
<logoSecondary
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Sekundär"
fileNameParameter="./logoSecondary/fileName"
fileReferenceParameter="./logoSecondary/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoSecondary/file"
allowUpload="{Boolean}false"
required="{Boolean}true"
useHTML5="{Boolean}true"/>
<logoSecondaryInverted
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Sekundär Inverted"
fileNameParameter="./logoSecondaryInverted/fileName"
fileReferenceParameter="./logoSecondaryInverted/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoSecondaryInverted/file"
allowUpload="{Boolean}false"
required="{Boolean}false"
useHTML5="{Boolean}true"/>
</items>
</column>
</items>
</columns>
</items>

anasustic_0-1706005277039.png

 

1 Accepted Solution

Avatar

Correct answer by
Level 8

Hi @anasustic 

 

Here is the entire .content.xml file under _cq_dialog. Moved all the fields under items tab. 

 

<?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"
jcr:title="Properties"
sling:resourceType="cq/gui/components/authoring/dialog">
<content
jcr:primaryType="nt:unstructured"
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">
<logoPrimary
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Primär"
fileNameParameter="./logoPrimary/fileName"
fileReferenceParameter="./logoPrimary/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoPrimary/file"
required="{Boolean}true"
useHTML5="{Boolean}true"/>
<logoPrimaryInverted
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Primär Inverted"
fileNameParameter="./logoPrimaryInverted/fileName"
fileReferenceParameter="./logoPrimaryInverted/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoPrimaryInverted/file"
required="{Boolean}false"
useHTML5="{Boolean}true"/>
<logoSecondary
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Sekundär"
fileNameParameter="./logoSecondary/fileName"
fileReferenceParameter="./logoSecondary/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoSecondary/file"
required="{Boolean}true"
useHTML5="{Boolean}true"/>
<logoSecondaryInverted
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Sekundär Inverted"
fileNameParameter="./logoSecondaryInverted/fileName"
fileReferenceParameter="./logoSecondaryInverted/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoSecondaryInverted/file"
required="{Boolean}false"
useHTML5="{Boolean}true"/>
</items>
</column>
</items>
</content>
</jcr:root>

View solution in original post

3 Replies

Avatar

Correct answer by
Level 8

Hi @anasustic 

 

Here is the entire .content.xml file under _cq_dialog. Moved all the fields under items tab. 

 

<?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"
jcr:title="Properties"
sling:resourceType="cq/gui/components/authoring/dialog">
<content
jcr:primaryType="nt:unstructured"
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">
<logoPrimary
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Primär"
fileNameParameter="./logoPrimary/fileName"
fileReferenceParameter="./logoPrimary/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoPrimary/file"
required="{Boolean}true"
useHTML5="{Boolean}true"/>
<logoPrimaryInverted
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Primär Inverted"
fileNameParameter="./logoPrimaryInverted/fileName"
fileReferenceParameter="./logoPrimaryInverted/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoPrimaryInverted/file"
required="{Boolean}false"
useHTML5="{Boolean}true"/>
<logoSecondary
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Sekundär"
fileNameParameter="./logoSecondary/fileName"
fileReferenceParameter="./logoSecondary/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoSecondary/file"
required="{Boolean}true"
useHTML5="{Boolean}true"/>
<logoSecondaryInverted
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
allowUpload="{Boolean}false"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Logo Sekundär Inverted"
fileNameParameter="./logoSecondaryInverted/fileName"
fileReferenceParameter="./logoSecondaryInverted/fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./logoSecondaryInverted/file"
required="{Boolean}false"
useHTML5="{Boolean}true"/>
</items>
</column>
</items>
</content>
</jcr:root>

Avatar

Level 7

Hi @anasustic ,
Could you please use the below xml and try it. I am getting the desired outcome

MadhurMadan_0-1706009102161.png

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0" xmlns:granite="http://www.adobe.com/jcr/granite/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:sling="http://sling.apache.org/jcr/sling/1.0"
    jcr:primaryType="nt:unstructured"
    jcr:title="Test Component"
    sling:resourceType="cq/gui/components/authoring/dialog"
    extraClientlibs="[core.wcm.components.list.v4.editor]"
    helpPath="https://www.adobe.com/go/aem_cmp_list_v4"
    trackingFeature="core-components:list:v4">
    <content
        granite:class="cmp-list__editor"
        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">
                    <properties
                        jcr:primaryType="nt:unstructured"
                        jcr:title="Labels"
                        sling:resourceType="granite/ui/components/coral/foundation/container"
                        margin="{Boolean}true">
                        <items jcr:primaryType="nt:unstructured">
                            <columns
                                jcr:primaryType="nt:unstructured"
                                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">
											<columns
												jcr:primaryType="nt:unstructured"
												sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"
												margin="{Boolean}true">
												<items jcr:primaryType="nt:unstructured">
													<columns
														jcr:primaryType="nt:unstructured"
														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">
																	<logoPrimary
																		jcr:primaryType="nt:unstructured"
																		sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
																		autoStart="{Boolean}false"
																		class="cq-droptarget"
																		fieldLabel="Logo Primär"
																		fileNameParameter="./logoPrimary/fileName"
																		fileReferenceParameter="./logoPrimary/fileReference"
																		mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
																		multiple="{Boolean}false"
																		name="./logoPrimary/file"
																		allowUpload="{Boolean}false"
																		required="{Boolean}true"
																		useHTML5="{Boolean}true"/>
																	<logoPrimaryInverted
																		jcr:primaryType="nt:unstructured"
																		sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
																		autoStart="{Boolean}false"
																		class="cq-droptarget"
																		fieldLabel="Logo Primär Inverted"
																		fileNameParameter="./logoPrimaryInverted/fileName"
																		fileReferenceParameter="./logoPrimaryInverted/fileReference"
																		mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
																		multiple="{Boolean}false"
																		name="./logoPrimaryInverted/file"
																		allowUpload="{Boolean}false"
																		required="{Boolean}false"
																		useHTML5="{Boolean}true"/>
																	<logoSecondary
																		jcr:primaryType="nt:unstructured"
																		sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
																		autoStart="{Boolean}false"
																		class="cq-droptarget"
																		fieldLabel="Logo Sekundär"
																		fileNameParameter="./logoSecondary/fileName"
																		fileReferenceParameter="./logoSecondary/fileReference"
																		mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
																		multiple="{Boolean}false"
																		name="./logoSecondary/file"
																		allowUpload="{Boolean}false"
																		required="{Boolean}true"
																		useHTML5="{Boolean}true"/>
																	<logoSecondaryInverted
																		jcr:primaryType="nt:unstructured"
																		sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
																		autoStart="{Boolean}false"
																		class="cq-droptarget"
																		fieldLabel="Logo Sekundär Inverted"
																		fileNameParameter="./logoSecondaryInverted/fileName"
																		fileReferenceParameter="./logoSecondaryInverted/fileReference"
																		mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
																		multiple="{Boolean}false"
																		name="./logoSecondaryInverted/file"
																		allowUpload="{Boolean}false"
																		required="{Boolean}false"
																		useHTML5="{Boolean}true"/>
																</items>
															</column>
														</items>
													</columns>
												</items>
											</columns>
										</items>
									</column>
								</items>
							</columns>
						</items>
                    </properties>
                </items>
            </tabs>
        </items>
    </content>
</jcr:root>