Drag and Drop Digital Assets to a Pathfield Component | Community
Skip to main content
A
aleksitto
Level 2
October 16, 2015
Solved

Drag and Drop Digital Assets to a Pathfield Component

  • October 16, 2015
  • 5 replies
  • 1348 views

Hello everyone,

I'm trying to find a way to drag and drop images from the left panel to a pathfield component but still can't find a solution.

I've tried to create a plugin that adds a listener on render event of the pathfield component and creates Ext JS DropTarget but it works only with my own Ext JS components.

Looks like CQ5 has own implementation of drag&drop images or I'm doing something wrong...

Here is my listener:

widget.addListener("render", function(e) { var dropTarget = new CQ.Ext.dd.DropTarget(e.getId(), { ddGroup: ["media", "editcomponent"], groups: ["media", "editcomponent"] }); dropTarget.notifyDrop = function(dd, ee, data) { ... } });

where widget is the pathfield component.

I've also tried to use different ddGroups definitions, e.g. "media", ["media"], "[media]", ["media", "editcomponent"], etc... or even without it at all but it doesn't work.

 

Maybe this can be done in any other way because I just need to fill a content path of a dragged and dropped image in the pathfield component.

Thanks guys any help is really appreciated

    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 JustinEd3

    A widget with this capability is available in the ACS AEM Commons library. See details here: http://adobe-consulting-services.github.io/acs-aem-commons/features/widgets.html

    5 replies

    Sham_HC
    Sham_HC
    Level 10
    October 16, 2015

    is notifyDrop method not called ?  In your notifyDrop method insert the value for pathfield & I am not seeing that in your implementation. 

    A
    aleksittoAuthor
    Level 2
    October 16, 2015

    Yep, notifyDrop method is not called. That's the problem.

    dropTarget.notifyDrop = function(dd, ee, data) { alert(data); }
    A
    aleksittoAuthor
    Level 2
    October 16, 2015

    Any ideas?

    J
    Adobe Employee
    JustinEd3Adobe EmployeeAccepted solution
    Adobe Employee
    October 16, 2015

    A widget with this capability is available in the ACS AEM Commons library. See details here: http://adobe-consulting-services.github.io/acs-aem-commons/features/widgets.html

      A
      aleksittoAuthor
      Level 2
      October 16, 2015

      Excellent! Thank you very much

      Terms & ConditionsAccessibility statement

      Loading footer...