Image component is not showing save button

[aliaksandr_hvozdzeu]

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.

It's a customer component.

What could be the reason?

[Anudeep_Garnepudi · Accepted solution]

@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.

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

[Anudeep_Garnepudi]

Update the jcr:Title with jcr:title to dialog(cq/gui/components/authoring/dialog) node and check once

[aliaksandr_hvozdzeu]

Of course! Incorrect property. My inattention. Thank you very much.

[SureshDhulipudi]

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.

[aliaksandr_hvozdzeu]

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?

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>

[Anudeep_Garnepudi]

Is it happening only for Image component or all other components as well?

[aliaksandr_hvozdzeu]

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.