Help Changing Row Color onMouseOver Event

[Brad]

I need to be able to roll over a Grid Row and have the row color change without changing the grid lines. I found a solution that changes the color fine but it removes the grid lines, horizontal and vertical, and changes the row height to 20 PX.

 .RowMouseOver td
 {
   background-color: Aqua;
   height: 30px;
 }
function RowMouseOver(sender, eventArgs) {
    $get(eventArgs.get_id()).className = "RowMouseOver";
}

Thanks for any ideas as  I am new here

[Pavel]

Hi Brad,

You can set EnableRowHoverStyle="true" in the ClientSettings of the Grid and then use the rgHoveredRow CSS class to customize the color and height of the row:

.rgHoveredRow
{
    background-image: none !important;
    background-color: Aqua !important;
    height: 30px !important;
}

Regards,
Pavel
the Telerik team

[Brad]

Thanks a lot, worked perfectly. Maybe this was so easy that is why I was unable to find a reference in a thread for it.
Thanks again