Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

Unable to use drag and drop in AEM 6.3

Avatar

Level 4

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>

1 Accepted Solution

Avatar

Correct answer by
Level 10

That use case not supported.

View solution in original post

5 Replies

Avatar

Level 10

Are you seeing a browser error when you try this use case?

Avatar

Level 4

Sam, there is no browser error just on save, the JCR changes do not get persisted.

Avatar

Level 10

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.

Avatar

Level 10

Attach the component ZIP if you can, also avoid using coral 2 and coral 3 together in same dialog

Avatar

Correct answer by
Level 10

That use case not supported.