Modify foreground color of Selected/Hovered row

This help article explains how to change the foreground color of the TreeListViewRow upon selecting it or hovering over it.

Creating a Style Targeting TreeListViewRow

In order to achieve this you can create a style targeting TreeListViewRow and add triggers that change its Foreground as demonstrated in Example 1.

Example 1 uses the WarehouseViewModel and its dependencies defined in the Getting Started article of the RadTreeListView.

Example 1: Custom style targeting TreeListViewRow

    <my:WarehouseViewModel /> 
    <!-- If you are using the NoXaml binaries, you should base the style on the default one for the theme like so--> 
    <!-- <Style TargetType="telerik:TreeListViewRow" BasedOn="{StaticResource TreeListViewRowStyle}"> --> 
    <Style TargetType="telerik:TreeListViewRow" > 
            <Trigger Property="IsSelected" Value="True"> 
                <Setter Property="Foreground" Value="Red" /> 
            <MultiTrigger > 
                    <Condition Property="IsMouseOver" Value="True"/> 
                    <Condition Property="IsSelected" Value="False"/> 
                <Setter Property="Foreground" Value="Green" /> 
<telerik:RadTreeListView x:Name="radTreeListView"  
                        ItemsSource="{Binding WarehouseItems}"> 
        <telerik:TreeListViewTableDefinition ItemsSource="{Binding Items}" /> 

The demonstrated approach may not be relevant for all UI for WPF themes.

Figure 1: Result from Example 1 in the Fluent theme

Selected and Hovered TreeListViewRows

See Also

In this article
Not finding the help you need? Improve this article