Change sorted cells

[Simón]

Hi,

I want to know how to modify the cells in the sorted column of the RadGrid. I've tried many ways using the Visual Style Builder, but with no success.

Thanks in advance,

Simón de Lizarza

[Dimo]

Hi Simón,

The CSS styles for cells, which belong to sorted columns, is determined by the rgSorted CSS class. If you are creating a custom skin from an existing one, please locate all occurrences of this CSS class and change the colors manually, according to your preferences. If you are creating a custom skin from scratch, then you can use the CSS code in some of the embedded skins as a reference. Generally, the sorting-related styles look like this:

/* HEADER CELLS */

.RadGrid_Office2007 th.rgSorted
{
    border-bottom-color:#ff9b35;
    background-color:#ffca5e;
    background-position:0 -2600px; /*different background image for sorted headers*/
}

/* DATA CELLS */

.RadGrid_Office2007 .rgRow .rgSorted,
.RadGrid_Office2007 .rgAltRow .rgSorted
{
    background-color:#f2f2f2;
}

.RadGrid_Office2007 .rgSelectedRow
{
    background:#ffcb60 0 -3900px repeat-x url('............');
}
*+html .RadGrid_Office2007 .rgSelectedRow .rgSorted{background-color:#ffcb60} /*IE7*/
* html .RadGrid_Office2007 .rgSelectedRow .rgSorted{background-color:#ffcb60} /*IE6*/


Feel free to set any colors instead of the ones in orange. Note that the background color styles in red should be the same at all three places, as they handle some browser limitations in IE.


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.

[Simón]

Ok, but there is no way to change that using the Visual Style Builder? The reason for that is because the person who is in charge of the visual customization of the controls in my application is a designer who doesn't have knowledge about CSS.

[Dimo]

Hello Simón,

I am afraid not. We may add it in the future. Sorry about any inconvenience caused.

Best wishes,
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.

[Simón]

Ok, I'll try some other way then.

Thanks,

Simón de Lizarza