Style for selected row .RadTreeList_Office2010Silver .rtlRSel

5 posts, 0 answers
  1. Sonia
    Sonia avatar
    90 posts
    Member since:
    Mar 2012

    Posted 15 Apr 2013 Link to this post

    Hi,

    I am using the skin Office2010Silver but i have a problem when selecting a row in the treelist. The background changes when the row is selected but it does not took up all the row.
    It is like it was prepaired for rows of a specified height but my rows are a bit higher.

    How can i solve it? Thank you.

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 15 Apr 2013 Link to this post

    Hi,

    I suppose you want to change background color on selecting the row. Try the following CSS.
    CSS:
    .RadTreeList_Office2010Silver .rtlRSel td
    {
      background-color: Red !important;
    }

    Thanks,
    Shinu
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sonia
    Sonia avatar
    90 posts
    Member since:
    Mar 2012

    Posted 15 Apr 2013 Link to this post

    This could be a solution for Chrome or Firefox, but this solution does not work properly in IE. The background image appears on top of the background color.
  5. james
    james avatar
    19 posts
    Member since:
    Aug 2014

    Posted 06 Jan 2015 in reply to Shinu Link to this post

    How can I remove the color completely and just keep the default color on row selection? Basically I want to use the select column to select columns like a checkbox without having to enter edit mode and without changing the row color. I just want the checkbox to designate row selection.
  6. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 09 Jan 2015 Link to this post

    Hello,

    In case you want to remove selected row color you can try the code snippet below:

    div .RadTreeList_Office2010Silver .rtlRSel
    {
        background-image: none;
    }
     
    div .RadTreeList_Office2010Silver .rtlRSel td
    {
        border-color: #d0d7e5;
    }


    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017