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>
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
})