DayPilot.Scheduler.eventMarginBottom

The eventMarginBottom property (number) sets the margin that is added below every Scheduler event. This extra space increases the row height but does not change the event height determined by DayPilot.Scheduler.eventHeight.

Declaration

DayPilot.Scheduler.eventMarginBottom

Default Value

0

Notes

Use this property to add vertical space between events while keeping the rendered event box height unchanged.

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  eventMarginBottom: 5,
  // ...
};

React

<DayPilotScheduler
  eventMarginBottom={5}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :eventMarginBottom="5"
  <!-- ... -->
/>

See Also

DayPilot.Scheduler.eventHeight

DayPilot.Scheduler Class