The Scheduler in Telerik UI for Blazor makes it easy to display time-based information thanks to its predefined views. Here’s how to use them well.

Last time, we went over a  brief intro to the  Telerik Scheduler for Blazor and how to set up a project. We even touched on the importance of the views you’re able to provide your users.

In this article, we’ll learn more about these views, because using the component well means understanding the two modes that users adopt when interacting with a calendar so that you can configure the scheduler’s UI appropriately.

Let’s get into it.

Understanding the UI Modes

The simplest way to manage the Scheduler UI is to start with the TelerikScheduler element and then add one or more SchedulerViews, nested inside the SchedulerViews element. This example uses all four of the views that are provided with the Scheduler (by default, the scheduler initially displays the current date unless the Date attribute on the TelerikScheduler is set to some other date):

<TelerikScheduler Data="@Events" >
    <SchedulerViews>
         <SchedulerMonthView />       
         <SchedulerDayView />
         <SchedulerWeekView  />
         <SchedulerMultiDayView />
    </SchedulerViews>
</TelerikScheduler>

#blazor