Highlight Selected Row as a Style in WPF

Question

0.00/5 (No votes)

See more:

Hi guys,

I am having a hard time figuring out how to apply a style to a selected row so that when I click on the row/record I am able to highlight its entire length. More importantly, I need to do this purely in WPF so I can just apply the style once. However, it seems to me that through experimentation, here, C# seems to have an edge on WPF - and this is not what I want. I want to do this purely in WPFY. Any thoughts?

Posted 13-Nov-10 4:50am

Isaiah83

Add a Solution

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Henry Minute · Answer 1 · 2010-11-13T05:54:00

Solution 1

It is not clear, from your question which control you are talking about.

This[^] article shows how to for a ListView. If you are using a different control then I found this from a search on wpf highlight selected row, just add the type of control to the end and I'm sure that you will find a solution.

Posted 13-Nov-10 5:54am

Henry Minute

Comments

Isaiah83 13-Nov-10 12:12pm

It would be for a DataGrid and many of the articles out there are using both C# and XAML. Id like a solution that uses XAML only so I can apply this as a style.

alrosan · Answer 2 · 2010-11-13T18:17:00

Solution 2

use triggers to do wpf highlight selected row or use MouseEnter and MouseLeave events to change colors

Posted 13-Nov-10 18:17pm

alrosan

Abhinav S · Answer 3 · 2010-11-13T19:13:00

Solution 3

See here[^].

Posted 13-Nov-10 19:13pm

Abhinav S

Tarun.K.S · Answer 4 · 2010-11-14T01:17:00

I agree with what Class Coder said. well if you want to see the implementation, here it is:

XML

<Style x:Key="ControlListBoxItem" TargetType="ListBoxItem">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListBoxItem">
                <Border Name="ListItemBorder" CornerRadius="3" BorderThickness="1" BorderBrush="Black">
                    <ContentPresenter Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="ListItemBorder" Property="BorderBrush" Value="Blue"/>
                        <Setter TargetName="ListItemBorder" Property="TextBlock.FontSize" Value="12"/>
                    </Trigger>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter TargetName="ListItemBorder" Property="TextBlock.Foreground" Value="White"/>
                        <Setter TargetName="ListItemBorder" Property="BorderBrush" Value="Red"/>
                        <Setter TargetName="ListItemBorder" Property="Background" Value="Green"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <!-- The Margin property below decides the margin between each ListBox Items -->
    <Setter Property="Margin" Value="1,1,0,1" />
</Style>

You can ignore the control template part if you don't want to style the listbox items.
Hope it helps! :)