The drag handles can be specified using the 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

When the value is set to "None" you can define a custom handle using event active areas.

Drag Handle Size

 EventMoveMargin property:

scheduler_event_move_margin281x81

EventResizeMargin property:

scheduler_event_resize_margin281x81

JavaScript

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

ASP.NET WebForms

Example:

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

ASP.NET MVC

Example:

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