Expand/Collapse image when LightWeight

5 posts, 1 answers
  1. Andreas
    Andreas avatar
    137 posts
    Member since:
    May 2008

    Posted 27 Nov 2014 Link to this post

    Hi,

    Just discovered that the TreeView actually has LightWeight mode enabled...
    But, the Expand/Collapse image is always the old Windows XP look (+/-) instead of the more modern triangle symbol.
    For example when using the Metro skin, in Classic mode the Expand/Collapse has the modern symbol but in LightWeight mode it displays the old +- symbol.

    Regards
    Andreas
  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 28 Nov 2014 Link to this post

    Hello Andreas,

    The triangle expand/collapse icons in lightweight render mode can be achieved by applying the following CSS
    html .RadTreeView .rtPlus,
    html  .RadTreeView .rtMinus {
        border: 0;
        background: transparent;
    }
     
    html .RadTreeView .rtPlus:before,
    html .RadTreeView .rtMinus:before {
        font-size: 0.9em;
        line-height: 1.3em;
        text-indent: 2px;
    }
     
    html .RadTreeView .rtPlus:before {
        content: "\25B6";
    }
     
    html .RadTreeView .rtMinus:before {
        content: "\25E2";
        color: #25a0da;
    }


    Regards,
    Magdalena
    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Andreas
    Andreas avatar
    137 posts
    Member since:
    May 2008

    Posted 02 Dec 2014 in reply to Magdalena Link to this post

    Hi,

    This doesn't look as good as we expected...
    Firstly, the expand and collapse images doesn't have the same look, the expand image is much sharper!
    Secondly these images takes a lot of focus, for example compared to Windows Explorer, if a folder is not expanded it is just a border around the image.

    Will this be fixed in a future release with real font-icons using the same telerik font as in other controls?

    Regards
    Andreas
  5. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 04 Dec 2014 Link to this post

    Hi Andreas,

    We plan to make all plus/minus icons of RadTreeView to be with triangle shape. If the solution in the last reply do not meet your expectations, you can also use a custom font to display custom icons.

    The other way is to use custom sprite images as a background. Please, find a sample solution in the attachment.

    Do not hesitate to contact us if you have other questions.

    Regards,
    Magdalena
    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.

     
  6. Andreas
    Andreas avatar
    137 posts
    Member since:
    May 2008

    Posted 04 Dec 2014 in reply to Magdalena Link to this post

    Hi,

    We already have a custom sprite for the Classic render mode and that is working fine for now.
    Will just wait until you makes all icons triangle shaped until we switch to Lightweight mode for this control...

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