Articles in this section
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:

 

                                                  

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied