Setting Custom Row Hover and Cursor Styles

[Shawn]

I recently upgraded from 2008 Q1 to 2009 Q3 Controls, and my custom styles are no longer working.

The older controls I was able to do this and achieve what I wanted:

.GridRowOver_Sunset
{
    background:#fdd0b7 url('images/sprite.gif') 0 -200px repeat-x !important;
    cursor:pointer;
}

.SelectedRow_Sunset
{
    background:#fdd0b7 url('images/sprite.gif') 0 -200px repeat-x !important;
}

.SelectedRow_Sunset td
{
    border-top:1px solid #d07052;
    border-bottom:1px solid #d07052;
}

But this does not work with the new controls.  What do I need to change?

[Princy]

Hello Shawn,

You can try out the following css settings and check if it helps:
css:

.rgHoveredRow
{
    background:#fdd0b7 url('images/sprite.gif') 0 -200px repeat-x !important;
    cursor:pointer;
}

.rgSelectedRow
{
    background:#fdd0b7 url('images/sprite.gif') 0 -200px repeat-x !important;
}

.rgSelectedRow td
{
    border-top:1px solid #d07052;
    border-bottom:1px solid #d07052;
}

Thanks
Princy.

[Dimo]

Hi Shawn,

For Q1 2009 we renamed all RadGrid CSS classes in order to make them conform to a better naming convention. Please modify your CSS selectors as follows:

old
.GridRowOver_Sunset
new
.RadGrid_Sunset  .rgHoveredRow

old
.SelectedRow_Sunset
new
.RadGrid_Sunset  .rgSelectedRow

old
.SelectedRow_Sunset  td
new
.RadGrid_Sunset  .rgSelectedRow  td


For more information about RadGrid CSS classes (both old and new, please refer to:

http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html

Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.