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, October 10 Monday, October 11 Tuesday, October 12 Wednesday, October 13 Thursday, October 14 Friday, October 15
Saturday, October 16
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, October 11 Tuesday, October 12 Wednesday, October 13 Thursday, October 14 Friday, October 15
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

Saturday, October 16
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
26
27
28
29
30
1 October
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 November
2
3
4
5
6

This module demonstrates how to configure the Month View - DxSchedulerMonthView.

Timeline View

Saturday, 16
Sunday, 17
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.