Scheduler day view prevent long events from always rendering first when overlapping

1 Answer 12 Views
Calendar Scheduler
udeni
Top achievements
Rank 1
udeni asked on 03 Oct 2025, 03:10 AM

Hi,

I’m using Kendo UI Scheduler for Vue in day view.
I need to control the order of overlapping events (e.g. show isPrivate=true events to the right side, and public ones to the left).

Right now, I can sort my eventList in Vue before passing it to the Scheduler, but the rendered order is not respected. The Scheduler seems to:

  • Render events by start time first.

  • Then order them internally by duration (longer events get positioned to the left, shorter ones to the right).

  • If two events share the same start time, the order is taken from an internal index, not from my sorted data.

This results in long, all-day or multi-hour events always being drawn first (on the left), pushing shorter events to the right — even if my sorted array has the shorter events first.

My question:
👉 Is there a built-in way to disable duration-based sorting of overlapping events in the Scheduler, or to explicitly control the rendering order of events (e.g. by a custom field like isPrivate)?

I already tried:

  • Sorting the data source before binding.

  • Using custom templates (eventTemplate, dayTemplate).

But the layout order still follows Scheduler’s internal logic.

Any guidance or workaround (config, event hook, or customization point) would be appreciated!

Thanks!

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 07 Oct 2025, 01:33 PM

Hello, Udeni,

At the moment, there isn’t a built-in way to disable the duration-based sorting of overlapping events in the Kendo UI Scheduler for Vue. The Scheduler always arranges overlapping events internally by start time and duration, and that logic can’t currently be overridden. As a workaround I can suggest grouping by a resource (for example, by isPrivate) so private and public events render in separate columns:

I logged a feature request to expose a mechanism that allows controlling this behavior in future versions of the Scheduler:

I’ve also added your vote for convenience.

Regards,
Filip
Progress Telerik

Your perspective matters! Join other professionals in the State of Designer-Developer Collaboration 2025: Workflows, Trends and AI survey to share how AI and new workflows are impacting collaboration, and be among the first to see the key findings.
Start the 2025 Survey
Tags
Calendar Scheduler
Asked by
udeni
Top achievements
Rank 1
Answers by
Filip
Telerik team
Share this question
or