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.

Suggested Links

• API Reference of the Scheduler