Month View in WPF Schedule (Classic)

5 May 20213 minutes to read

Scheduler used to display entire dates of the specific month, current month will be displayed by default initially. Month view displays the month of dates similar to calendar and displays appointments for each day in a cell similar to outlook.

Change header date format

Scheduler supports to change header format of the month view by using MonthHeaderDateFormat property.

XAML

<Schedule:SfSchedule ScheduleType="Month" MonthHeaderDateFormat="dd/MM"/>

C#

this.schedule.ScheduleType = ScheduleType.Month;
this.schedule.HeaderDateFormat = "dd/MM;

Change header background

Scheduler supports to change the header background by using HeaderBackground property.

XAML

<Schedule:SfSchedule ScheduleType="Month" HeaderBackground="Cyan"/>

C#

this.schedule.ScheduleType = ScheduleType.Month;
this.schedule.HeaderBackground = Brushes.Cyan;

Change first day of week

Scheduler supports to change the first day of week by using FirstDayOfWeek property.

XAML

<Schedule:SfSchedule ScheduleType="Month" FirstDayOfWeek="Tuesday"/>

C#

this.schedule.ScheduleType = ScheduleType.Month;
this.schedule.FirstDayOfWeek = DayOfWeek.Tuesday;

Change active and inactive month dates background

Scheduler supports to change the active and inactive month background by using FocusedMonth and NonFocusedMonth property.

XAML

<Schedule:SfSchedule ScheduleType="Month" FocusedMonth="AliceBlue" NonFocusedMonth = "SkyBlue"/>

C#

this.schedule.ScheduleType = ScheduleType.Month;
this.schedule.FocusedMonth = Brushes.AliceBlue;
this.schedule.NonFocusedMonth = Brushes.SkyBlue;

Change the border color

Scheduler support to change the header items border color by using MonthViewLineStroke property.

XAML

<Schedule:SfSchedule ScheduleType="Month" MonthViewLineStroke="BlueViolet"/>

C#

this.schedule.ScheduleType = ScheduleType.Month;
this.schedule.MonthViewLineStroke = Brushes.BlueViolet;

Change the selection background

Scheduler supports to change the selection background by using CellSelectionBrush

XAML

<Schedule:SfSchedule ScheduleType="Month" CellSelectionBrush="SkyBlue"/>

C#

this.schedule.ScheduleType = ScheduleType.Month;
this.schedule.CellSelectionBrush = Brushes.SkyBlue;

Current day highlighting

Scheduler supports to change current day background and foreground for month view by using CurrentDateBackground and CurrentDateForeground property.

XAML

<syncfusion:SfSchedule ScheduleType="Month" CurrentDateBackground="Brown" CurrentDateForeground="White"/>

C#

this.schedule.ScheduleType = ScheduleType.Month;
this.schedule.CurrentDateBackground = Brushes.Brown;
this.schedule.CurrentDateForeground = Brushes.White;