Icons in lightweight mode

2 posts, 0 answers
  1. miksh
    miksh avatar
    275 posts
    Member since:
    Nov 2006

    Posted 17 Nov 2014 Link to this post

    Please check the example here http://demos.telerik.com/aspnet-ajax/panelbar/examples/functionality/rendermode/defaultcs.aspx?isNew=true in BlackMetroTouch skin

    The 1-level items in classic mode has a circle around arrow up/down, however it has been dropped in the lightweight mode. Any reason why? Could you preserve the item rendering in the lightweight mode?
  2. Aneliya Petkova
    Aneliya Petkova avatar
    207 posts

    Posted 19 Nov 2014 Link to this post


    The mentioned style difference is caused due to UX improvement that is made in the appearance of the lightweight RadPanelBar, because the RadPanelBarItems had no hover effect before.

    You can, however, use the Lightweight render mode of the RadPanelBar in combination with the following styles in order to achieve the behavior as in Classic render mode:

    html .RadPanelBar_BlackMetroTouch .rpExpandable .rpExpandHandle {
        border: 1px solid #fff;

    Aneliya Petkova

    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. DevCraft R3 2016 release webinar banner
Back to Top