Appointment Templates

29 Mon
30 Tue
Dec 1 Wed
2 Thu
3 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 Scheduler allows you to use templates to customize the appearance of individual appointments:

These properties obtain a DxSchedulerAppointmentView object that contains information about appointment settings. To access this object, use the template's context parameter.

To define appointment appearance, use HTML markup within the HorizontalAppointmentTemplate and VerticalAppointmentTemplate tags.

Date Header Template

30 Tue
1 Wed
2 Thu
3 Fri
4 Sat
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

You can customize the content and appearance of date header cells in the Scheduler. Use the view-specific DateHeaderCellTemplate property (for example, DxSchedulerDayView.DateHeaderCellTemplate, and so on) to specify custom content and layout. In the markup for this property, use the context parameter to access information about the date header cell. This parameter returns a SchedulerDateHeaderCellInfo object.

Time Cell Template

Tuesday, 30
Wednesday, 1
Thursday, 2
Friday, 3
Saturday, 4
Sunday, 5
Monday, 6
Count: 2
Count: 1
Count: 2
Count: 2
Count: 0
Count: 0
Count: 0

You can customize the content and appearance of time cells in the Scheduler. Use the view-specific TimeCellTemplate property (for example, DxSchedulerTimelineView.TimeCellTemplate, and so on) to specify custom content and layout. In the markup for this property, use the context parameter to access information about the time cell. This parameter returns a SchedulerTimeCellInfo object.

Resource Header Template

Nancy Davolio
Andrew Fuller
Janet Leverling
30 Tue
Dec 1 Wed
30 Tue
Dec 1 Wed
30 Tue
Dec 1 Wed
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

You can customize the content and appearance of resource header cells in the Scheduler. Use the view-specific ResourceHeaderCellTemplate property (for example, DxSchedulerDayView.ResourceHeaderCellTemplate, and so on) to specify custom content and layout. In the markup for this property, use the context parameter to access information about the resource header cell. This parameter returns a SchedulerResourceHeaderCellInfo object.

Appointment Tooltip Template

30 Tue
Dec 1 Wed
Nancy Davolio Andrew Fuller Janet Leverling Nancy Davolio Andrew Fuller Janet Leverling
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

You can customize tooltips that appear when a user clicks appointments. Use the AppointmentTooltipTemplate property to specify custom content and layout. In the markup for this property, use the context parameter to access appointment data. This parameter returns a SchedulerAppointmentTooltipInfo object.

You can also use the ShowAppointmentTooltip property to show or hide the tooltip.