New to Kendo UI for Angular? Start a free 30-day trial
Layout
Updated on May 13, 2026
The Timeline provides options to customize the visual arrangement and display order of events.
Alternating Mode
By default, the Timeline renders the events on one side of the axis. To render the events on both sides, set the alterMode property to true.
This option is available only when orientation is set to vertical.
The following example demonstrates the approach in action.
Change Theme
Theme
Loading ...
Events Order
The Timeline allows you to control the order in which events are displayed using the eventsOrder property.
The available options are:
asc(default)—Displays events in chronological order (oldest to newest).desc—Displays events in reverse-chronological order (newest to oldest).
The following example demonstrates how to switch between chronological and reverse-chronological order.
Change Theme
Theme
Loading ...