DayPilot.Scheduler.floatingEvents

The floatingEvents property (boolean) enables floating event text during scrolling in the JavaScript Scheduler component.

Declaration

DayPilot.Scheduler.floatingEvents

Default Value

true

Notes

Set this property to false to disable the floating event text feature.

Since version 2026.4.7086, floating labels support custom DOM, React and Vue event content supplied through onBeforeEventDomAdd or the framework’s event template. Custom controls keep their state as the label moves during scrolling.

Store values that must survive event redraws or view changes in application state. Active areas without date-based start/end positions follow the floating label by default. Set nonFloating: true to keep an area at its position within the event.

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  floatingEvents: false,
  // ...
};

React

<DayPilotScheduler
  floatingEvents={false}
/>

Vue

<DayPilotScheduler
  :floatingEvents="false"
/>

See Also

Floating Events [doc.daypilot.org]

DayPilot.Scheduler Class