Metro and overriding css

2 posts, 0 answers
  1. Stein
    Stein avatar
    27 posts
    Member since:
    Apr 2008

    Posted 30 Dec 2014 Link to this post

    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.
  2. Ivan Zhekov
    Ivan Zhekov avatar
    654 posts

    Posted 01 Jan 2015 Link to this post


    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).

    Ivan Zhekov

    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.

Back to Top