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.

Custom content supports floating labels in Lite since version 2026.4.895 and Pro since version 2026.4.7086. Angular event templates are available in Lite since version 2026.4.895 and Pro since version 2026.4.7099. Moving between normal and floating positions preserves the content and its current state. Store values that must survive redraws or navigation in application state.

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"
/>

For Angular content, use an Angular event template. See Floating Events for interactive examples in each framework.

See Also

Floating Events [doc.daypilot.org]

DayPilot.Scheduler Class