DayPilot.Queue.eventBorderRadius

The eventBorderRadius property (number or string) applies the specified border radius to events displayed by the Queue component.

Available since 2024.3.6180.

Declaration

DayPilot.Queue.eventBorderRadius

Default Value

null

Notes

The value should use the CSS format of the border-radius style. If the value is a number such as 10, it is applied as a pixel value ("10px").

This property lets you override the CSS 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 queue = new DayPilot.Queue("dp", {
  eventBorderRadius: "25px",
  // ...
});
queue.init();

Angular

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

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

React

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

Vue

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

See Also

DayPilot.Queue.onBeforeEventRender

DayPilot.Queue.theme

DayPilot.Queue Class