Group by Resource

John Heart Samantha Bright Arthur Miller
Tuesday, June 15
Wednesday, June 16
Tuesday, June 15
Wednesday, June 16
Tuesday, June 15
Wednesday, June 16
9 00
10 00
11 00
12 PM
1 00
2 00
3 00
4 00
5 00

Our Blazor Scheduler component allows you to assign resources to individual appointments/events. Resources allow you to display schedules across multiple columns. For example, you can create a resource item for each employee and then group appointments by this resource.

The DevExpress Blazor Scheduler component includes a drop-down Resource Navigator window. Use this window to hide or display resource groups as needed.

This demo illustrates how to easily group scheduled appointments by resource. When appointments are grouped by resource and the Scheduler component displays multiple dates and resources, date headers are grouped under resource headers.

To group appointments by resource, set the GroupType property to Resource.

Group by Date

Tuesday, June 15
Wednesday, June 16
John Heart Samantha Bright Arthur Miller John Heart Samantha Bright Arthur Miller
9 00
10 00
11 00
12 PM
1 00
2 00
3 00
4 00
5 00

This demo illustrates how you can group scheduled appointments by date. When appointments are grouped by date and the Scheduler component displays multiple dates and resources, resource headers are grouped under date headers.

To group appointments by date, set the GroupType property to Date.

Custom Resource Navigator

Resources
John Heart Samantha Bright
Tuesday, June 15
Tuesday, June 15
9 00
10 00
11 00
12 PM
1 00
2 00
3 00
4 00
5 00

This demo illustrates how you can hide our Blazor Scheduler component’s built-in Resource Navigator (set the ResourceNavigatorVisible property to false) and implement a custom tree-like navigator instead.

Refer to the demo’s code snippet to see how we used the VisibleResourcesDataSource property to specify resources from the resource data source (ResourcesSource) to display within the navigator.