This is a migrated thread and some comments may be shown as answers.

Icons in lightweight mode

1 Answer 60 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
miksh
Top achievements
Rank 1
Iron
miksh asked on 17 Nov 2014, 07:49 PM
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?

1 Answer, 1 is accepted

Sort by
0
Aneliya Petkova
Telerik team
answered on 19 Nov 2014, 10:55 AM
Hello,

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;
    border-radius:15px;
}

Regards,
Aneliya Petkova
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.

 
Tags
PanelBar
Asked by
miksh
Top achievements
Rank 1
Iron
Answers by
Aneliya Petkova
Telerik team
Share this question
or