Treeview - Apply Hay hover/selected to Forest

4 posts, 0 answers
  1. Silver
    Silver avatar
    25 posts
    Member since:
    Feb 2012

    Posted 27 Feb 2012 Link to this post

    hi,

    I wanted to know hex code of Hay's hover and selected css class and I wanted to use it with forest skin. Right now Forest hover and selected color is Orange and I wanted to change that to Hay's green..

    Where do I find the css file for Hay?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 27 Feb 2012 Link to this post

    Hello,

    Try the following css.
    CSS:
    <style type="text/css">
     .RadTreeView_Forest .rtSelected .rtIn
      {
       background-color: #80C949 !important;
       background-image: url("WebResource.axd?d=lL53DaDsLQRRhkOKFS8uH7N3_xSQ4DQW4ZwnpBrSgmbLTs5eel6s7rZiA5xIn2MUK6CHgD9T1Cw3WIZQ9cRhqb7AhUOziI4kN9-M4zsuogheTC7-k_iOPmsLgTEBXhA_JyOrxfc3NxwvR6FnKA7S3VvKERuo3qnoTr5_ymZxmyMfS0WvJxlXnjAhXM_NL6du0&t=634648121040000000") !important;
       border-color: #2C8406 !important;
       color: #185D00 !important;
      }
     .RadTreeView_Forest .rtHover .rtIn
      {
       background-color: #D7F2C0 !important;
       background-image: url("WebResource.axd?d=kpmiH-ZYP468bTSlG7lZKUrQfwMzXak1mMW_70TxEwEgh_SENTAIcIjuF94_NpmPG_Ti2qutFk2_ATHRLvL8IljuD3ItMjuIlv8FGmZu77G83zLwjJAC76u2_MHWqpMMdf3oVJ1a13wsZ3TO55XR8jpsdim_vzJOTo-gPLIUxeOth16GbkKagOLA1j9ILDUi0&t=634648121040000000") !important;
       border-color: #47952A #39861B #2B780E !important;
       color: #279500 !important;
      }
    </style>

    Thanks,
    Princy.
  3. Silver
    Silver avatar
    25 posts
    Member since:
    Feb 2012

    Posted 28 Feb 2012 Link to this post


    That worked. Thanks.

    btw, how to view the css files (Telerik css)? I can't find those in my computer
  4. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 28 Feb 2012 Link to this post

    Hello,

    You may examine the html structure of any of the controls we provide by using either IE Dev Toolbar or Firebug. These are excellent tools that are strongly recommend for code troubleshooting. Also take a look into the following documentation.
    Defining custom CSS styles

    Thanks,
    Princy.
Back to Top