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

Declaration

public DataTemplate InteractiveHeaderTemplate { get; set; }

Property Value

Type Description
DataTemplate

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

Remarks

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.

<dxwui:NavigationPage
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:dxwui="http://schemas.devexpress.com/winfx/2008/xaml/windowsui" x:Class="WpfWindowsUI13._2.slideView1"
        xmlns:dxwuin="http://schemas.devexpress.com/winfx/2008/xaml/windowsui/navigation">
    <dxwui:NavigationPage.Resources>
        <DataTemplate x:Key="InteractiveHeaderTemplate">
            <TextBlock FontFamily="Segoe UI Symbol" FontSize="16" Text="&#x25B6;">
                <TextBlock.Style>
                    <Style TargetType="TextBlock">
                        <Setter Property= "Foreground" Value="Blue"/>
                        <Style.Triggers>
                            <Trigger Property ="IsMouseOver" Value="True">
                                <Setter Property= "Foreground" Value="Red"/>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </TextBlock.Style>
            </TextBlock>
        </DataTemplate>
    </dxwui:NavigationPage.Resources>
    <Grid>
        <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"/>
            </dxwui:SlideViewItem>
            . . .
    </Grid>
</dxwui:NavigationPage>

The following figure shows the result.

SlideViewItem - InteractiveHeaderTemplate

See Also