Expand my Community achievements bar.

Learn about Edge Delivery Services in upcoming GEM session
SOLVED

AEM6.3 coral touch ui saves image content path by default when not entered

Avatar

Level 8

Hi ,

I am using the below image component in coral touch ui.

When i just add dialog and save the dialog without adding any image placeholder and reopen the dialog it shows the component content path .

Please let me know how to fix this issue

1843125_pastedImage_0.png

<column

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="granite/ui/components/coral/foundation/container">

                                <items jcr:primaryType="nt:unstructured">

                                    <logoImage

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="cq/gui/components/authoring/dialog/fileupload"

                                        autoStart="{Boolean}false"

                                        class="cq-droptarget"

                                        fieldLabel="Logo Image"

                                        fileNameParameter="./logoImage/fileName"

                                        fileReferenceParameter="./logoImage/fileReference"

                                        mimeTypes="[image]"

                                        multiple="{Boolean}false"

                                        name="./logoImage/"

                                        title="Upload Image Asset"

                                        uploadUrl="/tmp/upload/*"

                                        useHTML5="{Boolean}true"/>

       </items>

      </column>

Thanks

1 Accepted Solution

Avatar

Correct answer by
Community Advisor
jcr:primaryType="nt:unstructured"
   sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
   autoStart="{Boolean}false"
   class="cq-droptarget"
   fileNameParameter="./fileName"
   fileReferenceParameter="./fileReference"
   mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
   multiple="{Boolean}false"
   name="./file"
   title="Upload Image Asset"
   uploadUrl="${suffix.path}"
   useHTML5="{Boolean}true"/>

Try with the above.

Works with Image core component. You can take a reference from there.



Arun Patidar

View solution in original post

2 Replies

Avatar

Employee Advisor

I believe the File reference should be under the droptarget config nodes:

<cq:dropTargets jcr:primaryType="nt:unstructured">

    <file

        jcr:primaryType="cq:DropTargetConfig"

        accept="[.*]"

        groups="[media]"

        propertyName="./fileReference"/>

</cq:dropTargets>

Check [1] for more details.

[1] AEM Developer Learning : cq:dropTagets in cq:editConfig Node in AEM

Avatar

Correct answer by
Community Advisor
jcr:primaryType="nt:unstructured"
   sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
   autoStart="{Boolean}false"
   class="cq-droptarget"
   fileNameParameter="./fileName"
   fileReferenceParameter="./fileReference"
   mimeTypes="[image/gif,image/jpeg,image/png,image/tiff,image/svg+xml]"
   multiple="{Boolean}false"
   name="./file"
   title="Upload Image Asset"
   uploadUrl="${suffix.path}"
   useHTML5="{Boolean}true"/>

Try with the above.

Works with Image core component. You can take a reference from there.



Arun Patidar