Schedule Header in WPF Scheduler (SfScheduler)

You can change the header height, date format and appearance of SfScheduler.

Header height

You can change the scheduler header height by using HeaderHeight property of SfScheduler. by default the header height is 50.

xaml

<syncfusion:SfScheduler x:Name="Schedule"
                        HeaderHeight="100" >
</syncfusion:SfScheduler>

c#

this.Schedule.HeaderHeight = 100;

Header date format

You can change the Scheduler header date format of scheduler by using the HeaderDateFormat property of SfScheduler. by default the header date format is MMMM yyyy.

xaml

<syncfusion:SfScheduler x:Name="Schedule"
                        HeaderDateFormat="MMM/yyyy">   
</syncfusion:SfScheduler>

c#

this.Schedule.HeaderDateFormat = "MMM/yyyy";

Appearance customization

Customize header appearance using Style

You can style Scheduler header appearance using SchedulerHeaderControl in scheduler. You can change the background color, textStyle, and borderBrush etc. by setting style property for SchedulerHeaderControl.

xaml

<Style TargetType="syncfusion:SchedulerHeaderControl">
    <Setter Property="Background" Value="LightCyan"/>
    <Setter Property="Foreground" Value="Red"/>
    <Setter Property="FontStyle" Value="Italic"/>
    <Setter Property="BorderBrush" Value="LightCoral"/>
    <Setter Property="BorderThickness" Value="2"/>
</Style>

Customize header appearance using DataTemplate

You can customize header appearance of scheduler by using HeaderTemplate property of SfScheduler.

xaml

<syncfusion:SfScheduler x:Name="Schedule">
    <syncfusion:SfScheduler.HeaderTemplate>
        <DataTemplate >
                <TextBlock FontStyle="Italic"
                           Foreground="Blue"
                           FontSize="25"
                           Text="{Binding}"/>
        </DataTemplate>
    </syncfusion:SfScheduler.HeaderTemplate>
</syncfusion:SfScheduler>