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

Metro and overriding css

1 Answer 68 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Stein
Top achievements
Rank 1
Stein asked on 30 Dec 2014, 01:52 PM
It seems like the built-in styles for PanelBar using the Metro-skin has it's styles defined with !important which makes it impossible to override for us.

.RadPanelBar_Metro .rpSelected,.RadPanelBar_Metro .rpExpanded {background-color: #25a0da!important;color: white!important;border-color: transparent!important;}

Is this by design ? The Silk-skin does not have !important defined on its style from the Telerik.WebResource

I saw another post about a similar query, where a solution was to use the PreRenderComplete to make sure our own css are loaded AFTER the built-in Telerik ones. However we are using MasterPages where this approach won't work.

1 Answer, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 01 Jan 2015, 12:06 PM
Hello.

For the 2015 Q1 release we'll fix some of those styles. In the mean time you can use LightWeight rendermode of RadPanelBar.

When we remove the !important flags from the styles, I will write back in this thread, but do have in mind that it will be around the release of the Beta (late january / early february).

Regards,
Ivan Zhekov
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
Stein
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Share this question
or