DayPilot.Scheduler.groupConcurrentEvents

The groupConcurrentEvents property (boolean) enables a mode where the Scheduler automatically groups concurrent events and displays them as a single box that can be expanded.

Declaration

DayPilot.Scheduler.groupConcurrentEvents

Default Value

false

Notes

Use DayPilot.Scheduler.groupConcurrentEventsLimit to require a minimum number of overlapping events before a group is created, and DayPilot.Scheduler.groupBubble to show hover details for the group.

Examples

JavaScript

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

Angular

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

config: DayPilot.SchedulerConfig = {
  groupConcurrentEvents: true,
  // ...
};

React

<DayPilotScheduler
  groupConcurrentEvents={true}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :groupConcurrentEvents="true"
  <!-- ... -->
/>

See Also

DayPilot.Scheduler.groupConcurrentEventsLimit

DayPilot.Scheduler.groupBubble

Concurrent Event Groups [doc.daypilot.org]

DayPilot.Scheduler Class