Bookmark and Share

Monday, January 23, 2012

How to remove Telerik RadGrid selected Row Style

If you need to remove the selected row style applied to the rbSelectedRow element, here is the Css code:

/* override selected row*/

.RadGrid_Office2010Silver .rgRow td
{
border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF !important;
}

.RadGrid_Office2010Silver .rgAltRow
{
background:none repeat scroll 0 0 #eee !important;
}

.RadGrid_Office2010Silver .rgAltRow td
{
border-color:#F1E9DC #F1E9DC #F1E9DC red !important;
}

.RadGrid_Office2010Silver .rgRow
{
background: inherit !important;
}

.RadGrid_Office2010Silver .rgRow td, .RadGrid_Office2010Silver .rgAltRow td
{
border-left: solid 1px #ddd!important;
padding-left: 7px !important;
}

/* finally, need to put this one back in */

.RadGrid_Office2010Silver .rgHeader:first-child, .RadGrid_Office2010Silver th.rgResizeCol:first-child, .RadGrid_Office2010Silver .rgFilterRow > td:first-child, .RadGrid_Office2010Silver .rgRow > td:first-child, .RadGrid_Office2010Silver .rgAltRow > td:first-child
{
border-left: 0 none !important;
padding-left: 8px !important;
}

.RadGrid_Office2010Silver .rgSelectedRow > td
{
background:inherit!important;
}


Hope it helps!