Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Image component is not showing save button

Avatar

Level 4

Hey.

 

After upgrading the version from 6.3 to 6.5, buttons no longer displayed in the component dialog window.

And they have the "hidden" attribute in HTML.

 

aliaksandr_hvozdzeu_0-1607350672970.png

 

It's a customer component.

 

What could be the reason?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@aliaksandr_hvozdzeu 

Please share dialog.xml

Remove jcr:Title property and add jcr:title property to dialog node(cq/gui/components/authoring/dialog) and check once.

Screenshot 2020-12-07 at 10.06.48 PM.png

If you still see the issue, try removing the extraClientlibs. Could be your custom override adding it.

View solution in original post

7 Replies

Avatar

Correct answer by
Community Advisor

@aliaksandr_hvozdzeu 

Please share dialog.xml

Remove jcr:Title property and add jcr:title property to dialog node(cq/gui/components/authoring/dialog) and check once.

Screenshot 2020-12-07 at 10.06.48 PM.png

If you still see the issue, try removing the extraClientlibs. Could be your custom override adding it.

Avatar

Community Advisor
Update the jcr:Title with jcr:title to dialog(cq/gui/components/authoring/dialog) node and check once
Of course! Incorrect property. My inattention. Thank you very much.

Avatar

Community Advisor

What is the resourceType you are using for file upload?

cq/gui/components/authoring/dialog/fileupload

If you are using this - in AEM 6.5 , there is a change , the way to upload image, it will be drag and drop from side rail, instead of file select through path.

Once you drag and drop the asset, you can navigate.

Avatar

Level 4

I remember the ability to drag and drop images. I am interested in the moment why the buttons are not displayed. Why did it become so?

 

aliaksandr_hvozdzeu_0-1607356135598.png

 

cq dialog xml.

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/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="Image"
sling:resourceType="cq/gui/components/authoring/dialog"
extraClientlibs="[app.site.campaign.email.dialog.scrollableTabs]">
<content
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/container">
<items jcr:primaryType="nt:unstructured">
<image
jcr:primaryType="nt:unstructured"
jcr:title="Image"
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">
<file jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fileupload"
allowUpload="{Boolean}true"
autoStart="{Boolean}false"
class="cq-droptarget"
fieldLabel="Image asset"
fileNameParameter="./fileName"
fileReferenceParameter="./fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/webp,image/tiff]"
multiple="{Boolean}false"
name="./file"
title="Upload Image Asset"
uploadUrl="${suffix.path}"
useHTML5="{Boolean}true"/>
<alt jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription="Textual alternative of the meaning or function of the image, for visually impaired readers."
fieldLabel="Alternative Text"
name="./alt"
wrapperClass="cmp-image--editor-alt"/>
<path
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
name="./path"
required="false"
fieldLabel="Hyperlink"
rootPath="/content"/>
<pathSuffix
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/inputgroup"
fieldLabel="Hyperlink suffix"
renderReadOnly="{Boolean}true">
<field
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Hyperlink suffix"
name="./pathSuffix"/>
<rightButton
class="coral-Button--square"
icon="coral-Icon--adobeCampaign"
init="acmetadatapicker"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/button"
targetinput="input[name='./pathSuffix']"/>
</pathSuffix>
<align
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldLabel="Align"
name="./align">
<items jcr:primaryType="nt:unstructured">
<Center
jcr:primaryType="nt:unstructured"
text="Center"
value="center"/>
<Left
jcr:primaryType="nt:unstructured"
text="Left"
value="left"/>
<Right
jcr:primaryType="nt:unstructured"
text="Right"
value="right"/>
</items>
</align>
</items>
</column>
</items>
</image>
</items>
</content>
</jcr:root>

Avatar

Community Advisor
Is it happening only for Image component or all other components as well?
This only happens with this component. There is also a component identical to this, it differs only in 1 property - component group, but version 2 works correctly.