DayPilot.Scheduler.moveBy

The moveBy property (string) sets the default drag handle placement used by the JavaScript Scheduler component for event moving.

Declaration

DayPilot.Scheduler.moveBy

Possible Values

• "Top" - uses the top edge as the moving handle and the left and right edges as resizing handles.

• "Left" - uses the left edge as the moving handle and the right edge as the resizing handle.

• "Full" - lets users start dragging anywhere inside the event and keeps resizing handles on the left and right edges.

• "None" - shows no built-in drag handles.

Default Value

"Full"

Notes

This setting controls where the built-in move handle appears inside an event and also determines where the built-in resizing handles are available.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  moveBy: "Top",
  // ...
});
dp.init();

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>

config: DayPilot.SchedulerConfig = {
  moveBy: "Top",
  // ...
};

React

<DayPilotScheduler
  moveBy="Top"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  moveBy="Top"
  <!-- ... -->
/>

See Also

Event Moving [doc.daypilot.org]

DayPilot.Scheduler Class