Modify Foreground of Selected/Hovered GridViewRow

Environment

Product

RadGridView for WPF

Description

How to change the Foreground of а GridViewRow that is selected or hovered.

Solution

Add a style targeting GridViewRow with Triggers that check the IsSelected and IsMouseOver properties and change its Foreground.

Example 1 uses the model and viewmodel defined in the Getting Started article of the RadGridView.

Example 1: Custom style targeting

XAML

<Grid> 
    <Grid.Resources> 
        <!-- If you are using the NoXaml binaries, you should base the style on the default one for the theme like so--> 
        <!-- <Style TargetType="telerik:GridViewRow" BasedOn="{StaticResource GridViewRowStyle}"> --> 
        <Style TargetType="telerik:GridViewRow" > 
            <Style.Triggers> 
                <Trigger Property="IsSelected" Value="True"> 
                    <Setter Property="Foreground" Value="Red" /> 
                </Trigger> 
                <MultiTrigger > 
                    <MultiTrigger.Conditions> 
                        <Condition Property="IsMouseOver" Value="True"/> 
                        <Condition Property="IsSelected" Value="False"/> 
                    </MultiTrigger.Conditions> 
                    <Setter Property="Foreground" Value="Green" /> 
                </MultiTrigger> 
            </Style.Triggers> 
        </Style> 
    </Grid.Resources> 
 
    <telerik:RadGridView ItemsSource="{Binding Clubs}" 
                         GroupRenderMode="Flat" /> 
</Grid>

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

Figure 1: Selected and Hovered GridViewRows with changed Foreground in the Fluent theme

Selected and Hovered GridViewRows with changed Foreground in the Fluent theme

Modify Foreground of Selected/Hovered GridViewRow

Environment

Description

Solution

Example 1: Custom style targeting

Figure 1: Selected and Hovered GridViewRows with changed Foreground in the Fluent theme

Getting Started

Support Resources

Community