DayPilot.Scheduler.eventMoveMargin

The eventMoveMargin property (number) sets the height of the drag handle, in pixels, that allows moving an event by dragging in the JavaScript Scheduler component.

Declaration

DayPilot.Scheduler.eventMoveMargin

Default Value

5

Notes

The moving drag handle margin is only applicable in moveBy: "Top" and moveBy: "Left" modes (see moveBy).

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  eventMoveMargin: 10,
  // ...
};

React

<DayPilotScheduler
  eventMoveMargin={10}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :eventMoveMargin="10"
  <!-- ... -->
/>

See Also

DayPilot.Scheduler.moveBy

DayPilot.Scheduler Class