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

Scheduler - Resources

Sun, 6/20
Mon, 6/21
Tue, 6/22
Wed, 6/23
Thu, 6/24
Fri, 6/25
Sat, 6/26
all day
7:00 AM
8:00 AM
9:00 AM
10:00 AM
11:00 AM
12:00 PM
1:00 PM
2:00 PM
3:00 PM
4:00 PM
5:00 PM
6:00 PM
7:00 PM
8:00 PM
9:00 PM
10:00 PM
11:00 PM
  • Resources.razor
  • AppointmentService.cs
  • AppointmentDto.cs
  • RoomService.cs
  • RoomDto.cs
  • ManagerService.cs
  • ManagerDto.cs
Loading the demo source code...please wait.

Style in ThemeBuilder

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

Description

The events in a calendar are often related to a specific resource – be that teams, people, meeting rooms or else. Telerik UI for Blazor Scheduler allows you to associate its appointments with the corresponding resource.

The resources are defined under the SchedulerResources tag. A dedicated SchedulerResource instance should be added for every resource you will be using.

You can associate the appointments with single or multiple resources depending on the use case and the desired result. For example, a meeting event can be associated with a team and meeting room resources. The appointments will be marked in different color depending on the associated resource. The resources are not mandatory, however, if you define them, all appointments must be associated with a resource.

The association of the appointments with the specific resource happens through the Field parameter of the SchedulerResource instance. It should point to the name of the field in the appointment model that contains the resource information.

Provide a collection of the available resource options to the Data parameter of the SchedulerResource tag. For example, if the resource is “Meeting room”, the Data of the SchedulerResource should contain the available meeting rooms.

The Scheduler allows editing of the appointment resource. When the edit form is opened, a dropdown with the resource options will be rendered, so the user can change the resource the current appointment is associated with.

The Blazor Scheduler lets you group the appointments by their resource so they will be displayed in separate calendars for better visibility. Additionally, you can implement custom filtering, so only the appointments associated with the filtered resource will be visible.

The current demo showcases multiple resource usage in Blazor Scheduler. The appointments are associated with “Manager” and “Room” resources.

This Blazor Scheduler Resources 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.