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

Setting Custom Row Hover and Cursor Styles

2 Answers 72 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Shawn
Top achievements
Rank 1
Shawn asked on 15 Jan 2010, 07:28 PM
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?

2 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 18 Jan 2010, 01:49 PM
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.


0
Dimo
Telerik team
answered on 18 Jan 2010, 01:51 PM
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.
Tags
Grid
Asked by
Shawn
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or