New to Telerik UI for Blazor? Download Free 30-day trial

Scheduler - Month View

Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
30
31
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
01
02
03
04
05
06
07
08
09
10
  • Month-view.razor
  • AppointmentService.cs
  • AppointmentDto.cs
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming

Description

Telerik UI for Blazor Scheduler supports a variety of views that control the timespan in which its appointments will be rendered. The current demo focuses on the Month View.

In this case, the Scheduler for Blazor shows the entire month to the user. One day can display a different number of events as per the ItemsPerSlot parameter. The default number is two. If more events are present for a certain date an ellipsis button provides access to the DayView for the specific day. Thus, the user can explore the details for all events on this day.

The Toolbar buttons allow the user to navigate to the next or previous month. Additionally, the dropdown calendar can be used to select a specific date – upon selection, the Scheduler will navigate to the month that contains the selected date.

The Blazor Scheduler allows you to configure which views will be displayed. You can declare the desired views in the SchedulerViewstag. If more than one view is added, you can define a pre-selected view through the View parameter of the component. The available views that the Blazor Scheduler exposes are:

This Blazor Scheduler Month View example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.