search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Using DayPilot.Calendar.makeDraggable and native drag/drop on the same html element

Asked by Sandor
3 years ago.

I am using DayPilot.Calendar.makeDraggable to drag an external item onto the DayPilot calender and this works great! But, I also need to be able to drop this on a droptarget (div) that is not DayPilot.

How can I achieve this?

I tried adding native drag/drop on the same element but only the DayPilot drag/drop works. If i turn off the DayPilot makeDraggable the native drag/drop works.

how-to javascript
Answer posted by Dan Letecky [DayPilot]
3 years ago.

Unfortunately, the makeDraggable() method can't be combined with the native HTML5 drag and drop API.

However, there is now a new registerDropTarget() method available in the latest sandbox build (2021.3.5096) that lets you register a custom element as a drop target.

Please see the following tutorial for an example:
https://code.daypilot.org/90296/javascript-calendar-custom-drop-target-for-external-items

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.
Tools
E-mail notifications
Feed
Related Questions
Drag and Drop event from one calendar to another
Drag and Drop an item from external windows forms to DayPilot Scheduler
Show Duration of External Drag and Drop Event
Drag and drop not working in mobile devices
Is it possible to drag and drop on an existing event.
Add a new panel to be able to drop events to
Drag & Drop the Resource in DayPilot Scheduler
Touch support for Windows devices
Change order of Resources (like drag and drop)
Drag and Drop issue on second time
Scheduler drag and scroll
Drag and Drop the Whole Event.
Drag and Drop task (events) on a specific resource
Drag drop users to the Daypilot calendar event

Products

Learn

Get Support

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.