Category / Section
How to customize the header of SfTimeSelector?
1 min read
The header of SfTimePicker can be customized by HeaderTemplate using the SelectorStyle of SfTimeSelector. The same has been demonstrated in the following code example:
XAML:
<Window x:Class="WpfApplication6.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:syncfusion="http://schemas.syncfusion.com/wpf" Title="MainWindow" Height="350" Width="525" Background="Black"> <Grid x:Name="Grid1"> <syncfusion:SfTimePicker VerticalAlignment="Center" Width="200" HorizontalAlignment="Center"> <syncfusion:SfTimePicker.SelectorStyle> <Style TargetType="{x:Type syncfusion:SfTimeSelector}"> <Setter Property="HeaderTemplate"> <Setter.Value> <DataTemplate> <TextBlock Text="Set the Time" Margin="10"/> </DataTemplate> </Setter.Value> </Setter> </Style> </syncfusion:SfTimePicker.SelectorStyle> </syncfusion:SfTimePicker> </Grid> </Window>
Output: