Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Components not show on the slide panel after upgraded to AEM6.4 from AEM6.2

Avatar

Level 1

No component list under the slide panel; But component can be inserted on the page parsys

OuchAEM_0-1600525777486.png

Below is the structure for one of the components:

<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="Banner Item"
sling:resourceType="cq/gui/components/authoring/dialog">
<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">
<image
jcr:primaryType="nt:unstructured"
jcr:title="Image Properties"
sling:resourceType="granite/ui/components/foundation/section">
<layout
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"
margin="{Boolean}false"/>
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items jcr:primaryType="nt:unstructured">
<file
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fileupload"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Image asset"
fileNameParameter="./image/fileName"
mimeTypes="[image]"
multiple="{Boolean}false"
name="./image/file"
title="Upload Image Asset"
uploadUrl="${suffix.path}"
useHTML5="{Boolean}true"/>
<title
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="Title"
multiple="true"
name="./image/jcr:title"/>
<linkURL
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
fieldLabel="Link to"
multiple="true"
name="./image/linkURL"
rootPath="/content"/>
<alignment
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/select"
fieldDescription="Image alignment position"
fieldLabel="Alignment"
name="./alignment">
<items jcr:primaryType="nt:unstructured">
<left
jcr:primaryType="nt:unstructured"
text="Left"
value="left"/>
<top
jcr:primaryType="nt:unstructured"
text="Top"
value="top"/>
<right
jcr:primaryType="nt:unstructured"
text="Right"
value="right"/>
</items>
</alignment>
<size
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/sizefield"
fieldLabel="Size (px)"
multiple="true">
<width
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/numberfield"
emptyText="Width"
name="./image/width"/>
<height
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/numberfield"
emptyText="Height"
name="./image/height"/>
</size>
<resType
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/hidden"
name="./image/sling:resourceType"
value="foundation/components/image"/>
<video
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="Video Code"
multiple="true"
name="./image/video"/>
<trackCode
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="trackCode"
multiple="true"
name="./image/trackCode"/>
<title1
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="Title1"
multiple="true"
name="./title1"/>
<title2
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="Title2"
multiple="true"
name="./title2"/>
<is_outside_link
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/checkbox"
fieldLabel="is_outside_link"
name="./image/is_outside_link"
text="is_outside_link"
value="true"/>
<is_pc_banner
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/checkbox"
fieldLabel="is_pc_banner"
name="./image/is_pc_banner"
text="is_pc_banner"
value="true"/>
<group_ab
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/select"
fieldDescription="Image alignment position"
fieldLabel="group_ab"
name="./group_ab">
<items jcr:primaryType="nt:unstructured">
<A
jcr:primaryType="nt:unstructured"
text="A"
value="A"/>
<B
jcr:primaryType="nt:unstructured"
text="B"
value="B"/>
</items>
</group_ab>
<is_hidden
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/checkbox"
fieldLabel="is_hidden"
name="./image/is_hidden"
text="is_hidden"
value="true"/>
<is_second_position
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/checkbox"
fieldLabel="is_second_position"
name="./image/is_second_position"
text="is_second_position"
value="true"/>
</items>
</column>
</items>
</image>
<mobile
jcr:primaryType="nt:unstructured"
jcr:title="Mobile Image Properties"
sling:resourceType="granite/ui/components/foundation/section">
<layout
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"
margin="{Boolean}false"/>
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items jcr:primaryType="nt:unstructured">
<file2
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fileupload"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Image asset"
fileNameParameter="./mobile/fileName"
id="mobileImage"
mimeTypes="[image]"
multiple="{Boolean}false"
name="./mobile/file"
title="Upload Image Asset"
uploadUrl="${suffix.path}"
useHTML5="{Boolean}true"/>
<title
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="Title"
multiple="true"
name="./mobile/jcr:title"/>
<linkURL
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
fieldLabel="Link to"
multiple="true"
name="./mobile/linkURL"
rootPath="/content"/>
<alignment
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/select"
fieldDescription="Image alignment position"
fieldLabel="Alignment"
name="./alignment">
<items jcr:primaryType="nt:unstructured">
<left
jcr:primaryType="nt:unstructured"
text="Left"
value="left"/>
<top
jcr:primaryType="nt:unstructured"
text="Top"
value="top"/>
<right
jcr:primaryType="nt:unstructured"
text="Right"
value="right"/>
</items>
</alignment>
<size
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/sizefield"
fieldLabel="Size (px)"
multiple="true">
<width
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/numberfield"
emptyText="Width"
name="./image/width"/>
<height
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/numberfield"
emptyText="Height"
name="./mobile/height"/>
</size>
<resType
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/hidden"
name="./mobile/sling:resourceType"
value="foundation/components/image"/>
<video
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="Video Code"
multiple="true"
name="./mobile/video"/>
<trackCodeM
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/textfield"
fieldLabel="trackCodeM"
multiple="true"
name="./mobile/trackCodeM"/>
</items>
</column>
</items>
</mobile>
</items>
</content>
</jcr:root>

 emptyresult class is display on the page html, and coralui2.js occur error below:

 

WeChat Image_20200919223936.png

 

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @OuchAEM,

Could see an error in file responsible for listing components - Complete clientlib file - /libs/cq/gui/components/authoring/editors/clientlibs/core.js (Highlighted the error from your screenshot)

Direct JS file responsible for component Browser is at - /libs/cq/gui/components/authoring/editors/clientlibs/core/js/ui/ui.componentBrowser.js (part of the above core clientlib)

Vijayalakshmi_S_0-1600979174801.png

From Network trace, filter by "JS" and list out all JS files which are with errors and proceed from there/Share the complete trace of console errors. 

On a high level, looks like an issue with upgrade procedure followed/any clash with project specific clientlibs which has dependency on OOB clientlib category

(You can cross check in your local fresh install 6.4 instance to narrow down the issue)

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hi @OuchAEM,

Could see an error in file responsible for listing components - Complete clientlib file - /libs/cq/gui/components/authoring/editors/clientlibs/core.js (Highlighted the error from your screenshot)

Direct JS file responsible for component Browser is at - /libs/cq/gui/components/authoring/editors/clientlibs/core/js/ui/ui.componentBrowser.js (part of the above core clientlib)

Vijayalakshmi_S_0-1600979174801.png

From Network trace, filter by "JS" and list out all JS files which are with errors and proceed from there/Share the complete trace of console errors. 

On a high level, looks like an issue with upgrade procedure followed/any clash with project specific clientlibs which has dependency on OOB clientlib category

(You can cross check in your local fresh install 6.4 instance to narrow down the issue)