Blazor Scheduler
The Blazor Scheduler is a calendar component with day, week, month, year planner, and timeline views, appointment editing, and tooltips.
Day, week and month views linkLink to this section
Console log
Year Planner and Timeline views linkLink to this section
Plan out the whole year with <RadzenYearPlannerView /> and <RadzenYearTimelineView />.
Console log
Display additional content when the user hovers an appointment linkLink to this section
Use the SlotRender event and templates to display tooltips with additional appointment details on hover.
Display any number of days side-by-side linkLink to this section
Configure the scheduler to display multiple days simultaneously for better week or multi-day planning views.
Console log
Group appointments by resource linkLink to this section
Declare one <RadzenSchedulerResource> per resource type (rooms, people, equipment) and set GroupByResource on any view.
Declaring multiple resource types creates a grouping hierarchy in order of declaration; use GroupBy to group a view by specific resource types
and GroupOrientation to render the groups side by side or one below the other. The day view displays the resource combinations as columns with a
dedicated all-day row. An appointment may belong to multiple resources of the same type when the property is a collection. Click a slot to book a resource,
drag a booking to another resource to reassign it, or click a booking to edit its resources.
Console log
Display scheduler as an agenda linkLink to this section
Configure the scheduler to display appointments in an agenda view for better overview of upcoming events.
Console log
Keyboard Navigation linkLink to this section
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Scheduler component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a Scheduler component. |
| Tab on focused Scheduler | Navigate forward across available scheduler components. |
| Shift + Tab on focused Scheduler | Navigate backward across available scheduler components. |
| RightArrow on week/month view or year view selected month | Focus previous day. |
| LeftArrow on week/month view or year view selected month | Focus next day. |
| UpArrow on week/month view or year view selected month | Focus same day from previous week. |
| DownArrow on week/month view or year view selected month | Focus same day from next week. |
| UpArrow on day view | Focus previous hour. |
| DownArrow on day view | Focus next hour. |
| LeftArrow or RightArrow on day view grouped by resource | Focus previous or next resource. |
| UpArrow or DownArrow on day view grouped by resource | Focus previous or next slot. Focus the all-day row from the first slot. |
| UpArrow on appointment | Focus previous appointment. |
| DownArrow on appointment | Focus next appointment. |
| Space on appointment | Edit appointment. |
| Enter | Add appointment. |
Frequently asked questions
Can I use the Blazor Scheduler as a calendar?
Yes. The Scheduler is a calendar with day, week, month, year planner, and timeline views; bind your appointments to its Data and it renders them on the calendar.
What views does the Blazor Scheduler support?
Day, week, month, year planner, and timeline views, and you can show any number of days side by side. Every view can also group appointments by resource - rooms, people or equipment.
How do I add and edit appointments in the Scheduler?
Handle the slot and appointment events (such as SlotSelect and AppointmentSelect) to open a dialog where users create or edit events bound to your data.
Related
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT