Telerik Scheduler Blazor (Part 2) Managing Scheduler’s Views

Telerik Scheduler Blazor (Part 2) Managing Scheduler’s Views

Telerik Scheduler Blazor (Part 2) Managing Scheduler’s Views. 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.

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

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Select List in Blazor || DropDown List in Blazor

LIKE | COMMENT | SHARE | SUBSCRIBE In this Blazor Tutorial, I will show you how to use #DropDownList in blazor app using MatBlazor - (Material Design compone...

Blazor : Calling REST API ASP NET Core Blazor | WEB API

LIKE | COMMENT | SHARE | SUBSCRIBE How to call and consume a REST API from ASP.NET Core Blazor application. Blog : https://aspdotnetexplorer.blogspot.com/sea...

Call POST API ASP NET Core Blazor | Blazor CRUD using API Part-1

LIKE | COMMENT | SHARE | SUBSCRIBE In this tutorial, I will show you how to save data into database using Web API form Asp.Net Core Blazor #Webassembly appli...

Call GET API ASP NET Core Blazor | Blazor CRUD using API Part-2

LIKE | COMMENT | SHARE | SUBSCRIBE In this tutorial, I will show you how to get all data from database using Web API form Asp.Net Core Blazor #Webassembly ap...

Call PUT API ASP NET Core Blazor | Blazor CRUD using API Part-3

LIKE | COMMENT | SHARE | SUBSCRIBE In this tutorial, I will show you how to update data from database using Web API form Asp.Net Core Blazor #Webassembly app...