How to customize the header using DataTemplate in WPF Scheduler (Calendar)

1 min read

In the WPF SfScheduler, you can customize the header using the HeaderTemplate property of the Scheduler.

XAML

The HeaderTemplate is defined for the Scheduler as shown in the following code sample..

<syncfusion:SfScheduler x:Name="schedule" ItemsSource="{Binding Appointments}" ViewType="{Binding ElementName=viewTypeComboBox, Path=SelectedValue}">
            <syncfusion:SfScheduler.MonthViewSettings>
                <syncfusion:MonthViewSettings AppointmentDisplayMode="Indicator" />
            </syncfusion:SfScheduler.MonthViewSettings>
            <syncfusion:SfScheduler.HeaderTemplate>
                <DataTemplate >
                    <TextBlock 
                       FontWeight="Bold"
                    Foreground="Blue"
                    FontSize="15"
                    FontFamily="fonts/bradhitc.ttf #Bradley Hand ITC"
                    Text="{Binding}" HorizontalAlignment='Stretch' VerticalAlignment="Stretch"/>
 
                </DataTemplate>
            </syncfusion:SfScheduler.HeaderTemplate>        
</syncfusion:SfScheduler>

View sample in GitHub

SfScheduler with header template

Did you find this information helpful?

Yes

Comments (0)

How to customize the header using DataTemplate in WPF Scheduler (Calendar)

Access denied