DayPilot.Scheduler.eventPadding

The eventPadding property (number or string) applies the specified padding to events via inline styles in the JavaScript Scheduler.

Available since 2024.4.6200.

Declaration

DayPilot.Scheduler.eventPadding

Default Value

null

Notes

• Use a string in the CSS format for padding.

• If the value is a number such as 5, it is applied as a pixel value ("5px").

• This property lets you override the padding defined in the active CSS theme.

• You can also set padding for individual events in DayPilot.Scheduler.onBeforeEventRender using args.data.padding.

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  eventPadding: "5px",
  // ...
};

React

<DayPilotScheduler
  eventPadding="5px"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  eventPadding="5px"
  <!-- ... -->
/>

See Also

CSS Themes [doc.daypilot.org]

DayPilot.Scheduler.onBeforeEventRender

DayPilot.Scheduler Class