Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

SlideViewItem.InteractiveHeaderTemplate Property

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

Namespace: DevExpress.Xpf.WindowsUI

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

NuGet Package: DevExpress.Wpf.Controls

#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