This is a migrated thread and some comments may be shown as answers.

Drag/Drop external item onto scheduler?

10 Answers 549 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Tyler
Top achievements
Rank 1
Tyler asked on 31 Jan 2014, 11:09 PM
How can I implement drag/drop of external items onto the Scheduler control to create new events?

10 Answers, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 04 Feb 2014, 08:46 AM
Hello Tyler,

You can find a sample implementation of adding event to the Scheduler via drag&drop in this Code Library.

Regards,
Rosen
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Žiga
Top achievements
Rank 1
answered on 07 Jul 2015, 08:45 AM
Greetings,

I am using external events to plan via drag'n'drop. I looked your sample code. Is it possible to get exact planned time of event and not slot time?
For example: user drop event at 5:10, how can I get 5:10 and not 5:00 (slot start time). The same, like if you would turn off snap option for scheduler.

Best regards,
Ziga
0
Rosen
Telerik team
answered on 08 Jul 2015, 07:05 AM

Hello Žiga,

I'm afraid this is not supported out of the box.

Regards,
Rosen
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Eduardo
Top achievements
Rank 1
answered on 20 Aug 2015, 08:22 PM
NIce code, but it is just one way...Grid to Schedule.... 
0
Peter
Top achievements
Rank 1
answered on 24 Jun 2016, 01:15 PM

Hi Rosen,

I've set up my Scheduler according to the example you've provided.

However, both in my solution and in the provided example (after replacing the JS with more up-to-date http://cdn.kendostatic.com/2016.2.607/js/kendo.all.min.js), the scheduling in weekly view doesn't work when dropping items onto the All Day slot. Could you please help me find a solution for this? 

0
Rosen
Telerik team
answered on 24 Jun 2016, 02:10 PM

Hello Peter,

You should change the element on which the DropTargetArea is attached to be view's element instead of the content. Similar to the following:

function  createDropArea(scheduler) {             
       scheduler.view().element.kendoDropTargetArea({
   //......

Regards,
Rosen
Telerik
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Peter
Top achievements
Rank 1
answered on 24 Jun 2016, 03:14 PM

Hi Rosen,

thank you very much for the quick reply - it worked.

One more related question though; how do I make this work for the agenda view, when dropping elements on the Date column? Neither of the options mentioned here works for this one.

0
Vladimir Iliev
Telerik team
answered on 28 Jun 2016, 08:44 AM
Hi Peter, 

Currently there is no build-in way to get the current date from the agenda view slots and custom solution would be required. Currently however we have no such example which we can provide. 

Regards,
Vladimir Iliev
Telerik
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Anto
Top achievements
Rank 1
answered on 07 Mar 2020, 05:34 AM

Can i get a sample for drag drop events in kendo angular scheduler..?

 

0
Ianko
Telerik team
answered on 10 Mar 2020, 11:02 AM

Hello Anto,

The general AngularJS example for the Scheduler shows drag and drop of events: https://demos.telerik.com/kendo-ui/scheduler/angular

Regards,
Ianko
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Scheduler
Asked by
Tyler
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Žiga
Top achievements
Rank 1
Eduardo
Top achievements
Rank 1
Peter
Top achievements
Rank 1
Vladimir Iliev
Telerik team
Anto
Top achievements
Rank 1
Ianko
Telerik team
Share this question
or