New to Kendo UI for Vue? Start a free 30-day trial

Agenda Templates

The Kendo UI for Vue Native Scheduler allows us to customize the look of its Agenda view.

To redefine the task templates in the Agenda View, we have to use the task property of the Native Scheduler. The property accepts slot templates inside which we define the custom content we want to display.

Customize the Agenda Event

The following example demonstrates how to conditionally show different icons for the different event types in the Agenda View. Based on the event type(all day, recurrence or one time), we are displaying three different icons before the event title.

View Source
Change Theme:

In this article

Not finding the help you need?