Skip to main content

SlideViewItem.InteractiveHeaderTemplate Property

Gets or sets a template that paints this SlideViewItem‘s header interactive sign.

Namespace: DevExpress.Xpf.WindowsUI

Assembly: DevExpress.Xpf.Controls.v21.2.dll


public DataTemplate InteractiveHeaderTemplate { get; set; }

Property Value

Type Description

A DataTemplate that paints this SlideViewItem‘s header interactive sign.


SlideViewItems can display their headers in interactive mode which supports hover animation and adds a small sign after the header caption (see the SlideViewItem.IsHeaderInteractive property to learn more). In each WPF Theme, interactive headers are displayed differently. If you want to draw a custom SlideViewItem header sign, assign a DataTemplate to the InteractiveHeaderTemplate property.

The XAML mark-up below replaces the default arrow sign with a symbol from the Segoe UI Symbol font and changes its fore color on mouse hover.

        xmlns:dxwui="" x:Class="WpfWindowsUI13._2.slideView1"
        <DataTemplate x:Key="InteractiveHeaderTemplate">
            <TextBlock FontFamily="Segoe UI Symbol" FontSize="16" Text="&#x25B6;">
                    <Style TargetType="TextBlock">
                        <Setter Property= "Foreground" Value="Blue"/>
                            <Trigger Property ="IsMouseOver" Value="True">
                                <Setter Property= "Foreground" Value="Red"/>
        <dxwui:SlideView Header="Slide View">
            <dxwui:SlideViewItem IsHeaderInteractive="true" InteractiveHeaderTemplate="{StaticResource InteractiveHeaderTemplate}"  Header="Slide View Item" Width="250" dxwuin:Navigation.NavigateTo="detailView1">
                <Grid Background="Orange"/>
            . . .

The following figure shows the result.

SlideViewItem - InteractiveHeaderTemplate

See Also