New to Telerik UI for Blazor? Start a free 30-day trial
Scheduler Resources
Updated on Oct 1, 2026
The Scheduler lets you associate appointments with shared resources (such as meeting rooms, people, equipment) and display the appointments in the corresponding resource color. This article describes how to set up the Scheduler and its data to work with resources.
Basics
Resources are optional. You can define no resources, one type of resource, or multiple types of resources. When the user opens an appointment for editing, they will have a DropDownList for each type of resource.
To use resources:
- Define a resource class with a name of your choice and
stringproperties for the resource name, value, and color. The following snippet uses the default expected property names, which do not require additional Scheduler configuration (Color,Text,Value). You can also use custom names and specify them in each<SchedulerResource>definition.C#public class Resource { public string Color { get; set; } = string.Empty; public string Text { get; set; } = string.Empty; public string Value { get; set; } = string.Empty; } - Define one or more collections of resources.
C#
private List<Resource> Rooms { get; set; } = new List<Resource>() { new Resource() { Text = "Small Room", Value = "1", Color = "lime" }, new Resource() { Text = "Big Room", Value = "2", Color = "orange" } }; - Add a
stringproperty to the Scheduler model for each resource.C#public class Appointment { public string Room { get; set; } = string.Empty; } - Add one
<SchedulerResource>tag for each resource type.- Set the
Dataparameter to the resource collection of that type. - Set the
Fieldparameter to the property name for the same resource in the Scheduler model. - If the resource class uses custom property names, specify them with the
ColorField,TextField, andValueFieldparameters.
RAZOR<TelerikScheduler> <SchedulerResources> <SchedulerResource Data="@Rooms" Field="@nameof(Appointment.Room)" Title="Room" /> </SchedulerResources> </TelerikScheduler> - Set the
The resource definition order in the <SchedulerResources> collection matters:
- It determines the order of the resource selection dropdowns in the Scheduler edit form.
- The background color of each appointment depends on the first matched resource.
Other ways to style the appointments are the
ItemTemplateand theOnItemRenderevent.
Example
Using Scheduler resources with default property names
Loading ...