This is a migrated thread and some comments may be shown as answers.

Highlight row on mouseover

3 Answers 330 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mark
Top achievements
Rank 1
Mark asked on 16 Sep 2011, 11:45 PM
How can I make the rows highlighted when putting the mouse over it?

How do I add attributes to the grid so that on the rendered html, there will be onmouseover, onmouseout events?

Can this be done?

3 Answers, 1 is accepted

Sort by
0
Jayesh Goyani
Top achievements
Rank 2
answered on 17 Sep 2011, 05:01 AM
Hello,

Set below property for highlight the row,
<ClientSettings EnableRowHoverStyle="true">
            </ClientSettings>


and for set custom style by using below code snippet.
<style>
        .RadGrid .rgHoveredRow
        {
            background-color:Red !important;
        }
    </style>




Thanks,
Jayesh Goyani
0
Shinu
Top achievements
Rank 1
answered on 17 Sep 2011, 05:13 AM
Hello Mark,

Try setting EnableRowHoverStyle to True and apply the following CSS to get the desired hover color.
aspx:
<ClientSettings EnableRowHoverStyle="true">
</ClientSettings>
CSS:
<style type="text/css">
.RadGrid .rgHoveredRow
 {
   background:Red !important;//Try setting background to get the desired hover color
 }
</style>

Thanks,
Shinu.
0
Srinivas
Top achievements
Rank 1
answered on 07 Mar 2019, 07:44 AM
it works. thanks.
Tags
Grid
Asked by
Mark
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Shinu
Top achievements
Rank 1
Srinivas
Top achievements
Rank 1
Share this question
or