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!