Change sorted cells

5 posts, 0 answers
  1. Simón
    Simón avatar
    21 posts
    Member since:
    Dec 2008

    Posted 06 Nov 2009 Link to this post

    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
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 06 Nov 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Simón
    Simón avatar
    21 posts
    Member since:
    Dec 2008

    Posted 06 Nov 2009 Link to this post

    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.
  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 09 Nov 2009 Link to this post

    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.
  6. Simón
    Simón avatar
    21 posts
    Member since:
    Dec 2008

    Posted 09 Nov 2009 Link to this post

    Ok, I'll try some other way then.

    Thanks,

    Simón de Lizarza
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017