Overview

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:

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.

Week 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).

Work Week View

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).

Day View

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).

Month View

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).

Timeline View

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).