RadGrid pager control skin

2 posts, 0 answers
  1. Lance
    Lance avatar
    1 posts
    Member since:
    Nov 2016

    Posted 21 Nov 2016 Link to this post

    I am using the following to override the hover color of my radgrid.  Would like to also override the hover color of my pager control (buttons and page size dropdown...)  to match current color.  Which CSS rule should be overridden.  Thanks.

    .RadGrid_Simple .rgHoveredRow td

        backgroud-color: #812323

  2. Eyup
    Admin
    Eyup avatar
    3740 posts

    Posted 24 Nov 2016 Link to this post

    Hello Lance,

    Every grid button has a corresponding CSS class like:
    .RadGrid_Default .rgNumPart a:hover span {
        background-position: 0 -1150px;
    }

    http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/appearance-and-styling/modifying-existing-skins

    You can check your browser debugger F12 to see every elements styles. You can also check the attached web site sample.

    Regards,
    Eyup
    Telerik by Progress
    Telerik UI for ASP.NET AJAX is ready for Visual Studio 2017 RC! Learn more.
Back to Top