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.
|
16
Sun
|
17
Mon
|
18
Tue
|
19
Wed
|
20
Thu
|
21
Fri
|
22
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 | |||||||
This module demonstrates how to configure the Week View - DxSchedulerWeekView.
|
17
Mon
|
18
Tue
|
19
Wed
|
20
Thu
|
21
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 | |||||
This module demonstrates how to configure the Work Week View - DxSchedulerWorkWeekView.
|
19
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 | |
This module demonstrates how to configure the Day View - DxSchedulerDayView.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
26
|
27
|
28
|
29
|
30
|
31
|
1 January
|
|
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 February
|
2
|
3
|
4
|
5
|
This module demonstrates how to configure the Month View - DxSchedulerMonthView.
|
Wednesday, 19
|
Thursday, 20
|
|
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.