Drop target Image and video in different nodes | Community
Skip to main content
O
odabio
Level 2
December 2, 2021
Solved

Drop target Image and video in different nodes

  • December 2, 2021
  • 1 reply
  • 2521 views

Hi everyone

 

Does anyone knows how can I create a separate node (dropTarget) for image and video ?

Here’s the data in my node:

 

 

Im my node video (only video should be accepted in this node):

 

 

In node image(only images should be accepted in this node):

 

 In my component only images are being accepted when I drag and drop then the videos are not being recognized, any ideas about how can I make the video recognizable ?

 

Thanks in advance.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by DEBAL_DAS

Can I see your xml file (image and video in cq:dialog and cq:dropTargets) ? 


After seeing your query I have tried to add drop target for both image and video in my demo component. So, requesting you to define correct value against 'name' property as I was focusing on dialog editor mainly.

 

content.xml of cq:dialog -

 

 

cq:editConfig xml structure 

 

 

Please review.

 

1 reply

arunpatidar
Community Advisor
arunpatidarCommunity Advisor
Community Advisor
December 3, 2021

Hi, 
for video, your accept regex is correct?

accept="[video/.*]
Arun Patidar
    O
    odabioAuthor
    Level 2
    December 5, 2021

    Yes

      DEBAL_DAS
      DEBAL_DAS
      December 5, 2021

      I fell if we could define the separate cq:dropTargets for image and video like the below one then it will satisfy the requirement  -

       

       

      Sharing xml structure of cq:editConfig node for your reference -

       

       

      If we take a look at the dialog editor as shown below , then you could see 

      first file upload is allowing me to upload only image  and second file upload is allowing me to upload mp4 file -

       

      Please refer this http://www.sgaemsolutions.com/2019/01/cqdroptagets-in-cqeditconfig-node-in-aem.html.

       

       

        Terms & ConditionsAccessibility statement

        Loading footer...