DayPilot.Scheduler.eventMarginRight

The eventMarginRight property (number) sets the right 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.eventMarginRight

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", {
  eventMarginRight: 2,
  // ...
});
dp.init();

Angular

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

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

React

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

Vue

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

See Also

DayPilot.Scheduler Class