External Drag and Drop - Drop external event on Doctors column

[Anand]

In the External Drag and Drop option - https://ej2.syncfusion.com/angular/demos/?_ga=2.218857692.432195627.1566764925-348577555.1565768574#/material/schedule/external-drag-drop

I need to add any external event from the Waiting List to the scheduler, by dragging and dropping that event on any Doctor label, rather than inside the Time columns.

For example, take the external event "Steven General - Consulting". This event has StartTime and EndTime values. So I want to be able to just drag this event and drop on a Doctor, say "Robert optometrist", in the first column and the event should get added to the Scheduler with the default StartTime and EndTime values.

Currently, I am unable to do that. How can I achieve this? Please help. 

[Hareesh Balasubramanian]

Hi Anand, 

 

Syncfusion greetings. 

 

We had prepared the sample based on your requirement which is available from below link: 

 

Sample: https://stackblitz.com/edit/angular-ewd9yx-36mhzq?file=app.component.ts 

 

Kindly check the sample and revert us, if you need any further assistance on this. 

 

Regards, 

Hareesh 

[Anand]

Hi Hareesh,

Thanks. That works. 

Another thing, is this the correct way to set StartHour and EndHour, which will bring these particular times to view?

<e-view option='TimelineDay' [startHour]="startHour" [endHour]="endHour"></e-view>

this.startHour = "05:00";

this.endHour = "22:00";

[Vinitha Devi Murugan]

Hi Anand, 

 

We are happy that our solution fulfils your requirement.  

 

Yes it’s a correct way to set StartHour and EndHour to the scheduler layout to hide the unwanted hours. Please refer below UG link and demo link. 

 

https://ej2.syncfusion.com/angular/documentation/schedule/working-days/#scheduler-displaying-custom-hours  

Demo: https://ej2.syncfusion.com/angular/demos/#/material/schedule/start-end-hour  

 

Kindly try the able links and let us know if you need further assistance on this.  

 

Regards, 

M.Vinitha Devi