The DevExpress Scheduler for Blazor can display appointments in a Timeline, Day, Work Week, Week, or Month View. This demo illustrates how to use and customize these views:
- Week View (DxSchedulerWeekView) - Displays appointments for all the days in a specified week.
- Work Week View (DxSchedulerWorkWeekView) - Displays appointments for work days in a week.
- Day View (DxSchedulerDayView) - Displays appointments for specified days.
- Month View (DxSchedulerMonthView) - Displays appointments by month.
- Timeline View (DxSchedulerTimelineView) - Displays appointments as horizontal bars along timescales.
You can use the ActiveViewType property to specify the initial view, and the View Selector to switch between views.
Related API members:
- DayCount - Specifies the number of days that are displayed within the view.
- VisibleTime - Specifies the visible time interval of the view.
- ShowWorkTimeOnly - Specifies a value that indicates if Scheduler should show its data only for the working hours in the view.
- WorkTime - Specifies the work time interval for the view.
| Sunday, August 1 | Monday, August 2 | Tuesday, August 3 | Wednesday, August 4 | Thursday, August 5 | Friday, August 6 | Saturday, August 7 | |
| 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 | |||||||
This module demonstrates how to configure the Week View (DxSchedulerWeekView).
| Monday, August 2 | Tuesday, August 3 | Wednesday, August 4 | Thursday, August 5 | Friday, August 6 | |
| 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 | |||||
This module demonstrates how to configure the Work Week View (DxSchedulerWorkWeekView).
| Monday, August 2 | |
| 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 | |
This module demonstrates how to configure the Day View (DxSchedulerDayView).
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
1 August
|
2
|
3
|
4
|
5
|
6
|
7
|
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
|
29
|
30
|
31
|
1 September
|
2
|
3
|
4
|
This module demonstrates how to configure the Month View (DxSchedulerMonthView).
|
Monday, 2
|
Tuesday, 3
|
|
0:00
|
2:00
|
4:00
|
6:00
|
8:00
|
10:00
|
12:00
|
14:00
|
16:00
|
18:00
|
20:00
|
22:00
|
0:00
|
2:00
|
4:00
|
6:00
|
8:00
|
10:00
|
12:00
|
14:00
|
16:00
|
18:00
|
20:00
|
22:00
|
This module demonstrates how to configure the Timeline View (DxSchedulerTimelineView).