20
Mon | 21
Tue | 22
Wed | 23
Thu | 24
Fri | |
| 99:00 | 00 | |||||
| 1010:00 | 00 | |||||
| 1111:00 | 00 | |||||
| 1212 PM | PM | |||||
| 11:00 | 00 | |||||
| 22:00 | 00 | |||||
| 33:00 | 00 | |||||
| 44:00 | 00 | |||||
| 55: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.