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