The drag handles can be specified using MoveBy property:

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

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

JavaScript

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

ASP.NET WebForms

 
<DayPilot:DayPilotCalendar runat="server" id="DayPilotCalendar1"
  ...
  MoveBy = "Full"
/>

ASP.NET MVC

 
@Html.DayPilotCalendar("dps", new DayPilotCalendarConfig {
  BackendUrl = ResolveUrl("~/Calendar/Backend"),
  ...
  MoveBy = DragArea.Full
})