|
6
Mon
|
7
Tue
|
8
Wed
|
9
Thu
|
10
Fri
|
|
| 9 9:00 | 00 | |||||
| 10 10:00 | 00 | |||||
| 11 11:00 | 00 | |||||
| 12 12 PM | PM | |||||
| 1 1:00 | 00 | |||||
| 2 2:00 | 00 | |||||
| 3 3:00 | 00 | |||||
| 4 4:00 | 00 | |||||
| 5 5:00 | 00 | |||||
The DevExpress Blazor Scheduler allows you to customize appointment appearance using the following templates:
- HorizontalAppointmentTemplate is applied to all-day appointments (displayed horizontally in the all-day panel).
- VerticalAppointmentTemplate is applied to other appointments (displayed vertically).
These templates accept a DxSchedulerAppointmentView object as the context parameter. Use this object to access appointment data. In this demo, templates use custom colors to render appointments.
Appointment templates may affect drag & drop responsiveness. Since the component renders templates on the server side, continuous client-server communication can affect performance. To maintain responsiveness, this demo uses Client mode for drag & drop operations (AppointmentDragMode property). When Client mode is used, the Scheduler component displays a tooltip to indicate the target position rather than re-rendering templated appointments. You can use the combo box to switch between modes.