Event Drag Handles

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:

EventResizeMargin property:

JavaScript

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

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

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