Unable to use drag and drop in AEM 6.3

aembytes

10-02-2019

Is this a known issue and if so, what's the fix for this?

Drag and Drop Image(File upload) when used as first level field it is working fine.

<bannerImage

jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/foundation/form/fileupload"

autoStart="{Boolean}false"

class="cq-droptarget"

disabled="false"

fieldLabel="Banner Image"

fileNameParameter="./bannerImage"

    fileReferenceParameter="./bannerImageRef"

mimeTypes="[image]"

multiple="{Boolean}false"

name="./bannerImage"

title="Upload Image Asset"

uploadUrl="${suffix.path}"

useHTML5="{Boolean}true" />

But when used as part of Multifield it is not working --- we are able to drag and drop an image from content finder but when we save the dialog, values not saving to JCR.

<mediaitems

jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/coral/foundation/form/multifield"

composite="{Boolean}true"

fieldLabel="Click on &quot;ADD&quot; to add a Media Item"

name="./mediaitems">

<field

jcr:primaryType="nt:unstructured"

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

name="./multifieldlist">

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

<column

jcr:primaryType="nt:unstructured"

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

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

  <bannerImage

  jcr:primaryType="nt:unstructured"

  sling:resourceType="granite/ui/components/foundation/form/fileupload"

  autoStart="{Boolean}false"

  class="cq-droptarget"

  disabled="false"

  fieldLabel="Banner Image"

  fileNameParameter="./bannerImage"

  fileReferenceParameter="./bannerImageRef"

  mimeTypes="[image]"

  multiple="{Boolean}false"

  name="./bannerImage"

  title="Upload Image Asset"

  uploadUrl="${suffix.path}"

  useHTML5="{Boolean}true" />

  </items>

  </column>

  </items>

  </field>

  </mediaitems>

Answers (4)

Answers (4)

Gaurav-Behl

MVP

10-02-2019

Since you're using Coral2 in 6.3 this example would work - Experiencing Adobe Experience Manager - Day CQ: AEM 62 - Touch UI Composite Image Multifield

If you plan to use Coral3, then search with composite multifiled (or nested multifield) + fileupload, you would find a lot of examples to try.

You've both coral2 & coral3 resourcetypes in same dialog, that might be the root cause you are looking for.