How to Get RadPanelBar to Ignore Default Skin CSS

[Doug]

Hello,

I have created a custom skin.  It was derived from a classic version skin, changed to match Ajax version taxonomy.  Unfortunately, the default skin (RadPanelBar.css) still overrides many of my settings.  I know my custom skin is working because the results show my images and some of my settings that are not contained within the default Css.  How do I stop the CssClass reference from being added, or how do I add an empty default Css?

Here is my page registration:

 <link href="/_skins/RadPanelBar/SoEasy/PanelBar.SoEasy.css" rel="stylesheet" type="text/css" runat="server" />

(The structure is as indicated within the documentation whereby there is also a PanelBar directory within .../SoEasy that contains my images.)

Here is my control callout:

     <telerik:radpanelbar runat="server" ID="RadPanelbar1" ExpandMode="MultipleExpandedItems" ExpandDelay="3000" CollapseDelay="3000" EnableEmbeddedSkins="false" Skin="SoEasy" DataSourceId="QuickLaunchSiteMap" OnClientLoad="panelLoad" OnClientItemClicking="OnClientItemClickingHandler" OnClientMouseOver="OnClientMouseOverPanHandler" OnPreRender="RadControl_PreRender" PersistStateInCookie="false" ToolTip="">
     
      <ExpandAnimation Type="Linear" Duration="300" />
      <CollapseAnimation Type="Linear" Duration="100" />     
     </telerik:radpanelbar></div>

Here is the resulting output showing the default RadPanelBar having precedence over my custom skin:

<div class="RadPanelBar RadPanelBar_SoEasy nothing" id="ctl00_PlaceHolderLeftNavBar_RadPanelbar1">
  <ul class="rpRootGroup">
   <li class="rpItem rpFirst rpLast"><a class="rpLink rpExpandable rpExpanded" href="/sites/master/site%20pages/go_nowhere.aspx"><span class="rpOut"><span class="rpText">Community Access</span></span></a><div class="rpSlide" style="height: auto; display: block;">
    <ul class="rpGroup rpLevel1" style="overflow: auto; display: block; width: 100%;">
     <li class="rpItem rpFirst rpLast"><a class="rpLink rpExpandable" href="/sites/master/community/default.aspx"><span class="rpOut"><span class="rpText">Enter Private Site</span></span></a><div class="rpSlide">
      <ul class="rpGroup rpLevel2">
       <li class="rpItem rpFirst"><a class="rpLink" href=" class="rpOut"><span class="rpText">Recover Password</span></span></a></li><li class="rpItem rpLast"><a class="rpLink" href=" class="rpOut"><span class="rpText">Create Account</span></span></a></li>
      </ul>
     </div></li>
    </ul>
   </div></li>
  </ul><input type="hidden" name="ctl00_PlaceHolderLeftNavBar_RadPanelbar1_ClientState" id="ctl00_PlaceHolderLeftNavBar_RadPanelbar1_ClientState" autocomplete="off" value='{"expandedItems":["0"],"logEntries":[],"selectedItems":[]}'/>
 </div>

Your help would be appreciated.

Thank you,

Doug

[Alex Gyoshev]

Hi Doug,

You can disable the base stylesheet (which holds the common control styling) by setting the EnableEmbeddedBaseStylesheet property to "false".

Sincerely yours,
Alex
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.