DayPilot.Scheduler.eventMarginLeft

The eventMarginLeft property (number) sets the left margin of a Scheduler event box in pixels. This margin makes the event width calculated from the start and end smaller, similar to padding in box-sizing: border-box mode.

Declaration

DayPilot.Scheduler.eventMarginLeft

Default Value

0

Notes

This margin is included in the rendered event width, so increasing it reduces the space available for the event content without changing the event start or end.

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  eventMarginLeft: 2,
  // ...
};

React

<DayPilotScheduler
  eventMarginLeft={2}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :eventMarginLeft="2"
  <!-- ... -->
/>

See Also

DayPilot.Scheduler Class