The drag handles can be specified using MoveBy property:

  • Full (default) - start dragging anywhere inside the event (no cursor indication), resizing drag handle on the left and on the right
  • Top - event moving drag handle on the top, resizing drag handle on the left and right
  • Left - event moving drag handle on the left, resizing drag handle on the right
  • None - no drag handles

If set to None you can define a custom handle using event active areas.

Drag Handle Size

 EventMoveMargin property:

scheduler_event_move_margin281x81.png

EventResizeMargin property:

scheduler_event_resize_margin281x81.png

ASP.NET WebForms

<DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1"
  ...
  MoveBy = "Full"
/>

ASP.NET MVC

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  BackendUrl = ResolveUrl("~/Scheduler/Backend"),
  ...
  MoveBy = DragArea.Full
})

JavaScript

<div id="dp"></div>
<script type="text/javascript">
  var dp = new DayPilot.Scheduler("dp");
  dp.moveBy = "Full";
  // ...
  dp.init();
</script>