DayPilot.Scheduler.eventBorderRadius

The eventBorderRadius property (number or string) applies the specified border radius to events and drag-and-drop shadows using inline styles in the JavaScript Scheduler.

Available since 2024.3.6155.

Declaration

DayPilot.Scheduler.eventBorderRadius

Default Value

null

Notes

If you use a number such as 15, DayPilot applies it as a pixel value ("15px"). String values should use the CSS format supported by the border-radius style.

This property lets you override the event border radius defined in the CSS theme.

You can also set the border radius for individual events using the onBeforeEventRender event handler (args.data.borderRadius).

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  eventBorderRadius: "25px",
  // ...
};

React

<DayPilotScheduler
  eventBorderRadius="25px"
  {/* ... */}
/>

Vue

<DayPilotScheduler
  eventBorderRadius="25px"
  <!-- ... -->
/>

See Also

CSS Themes [doc.daypilot.org]

DayPilot.Scheduler.onBeforeEventRender

DayPilot.Scheduler Class