[Solved] Base Stylesheet Always Appears on Page

[dlamprey]

I am using the latest Telerik controls Q1 2009 (not SP1) and no matter what I do the base stylesheet is always embedded on the page.

I implement a custom skin for a RadMenu. In the skin file I have the following:

<telerik:RadMenu runat="server" Skin="Default" EnableEmbeddedBaseStylesheet="false" />
<telerik:RadMenu runat="server" Skin="Subnav" SkinID="Subnav" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" />

I only have ONE RadMenu throughout the entire solution, and it is on a Masterpage.  The declaration for the menu on the page is the following:

<telerik:RadMenu runat="server" ID="navigationMenu" SkinID="Subnav" EnableEmbeddedBaseStylesheet="false">......

Somehow the base stylesheet is still being embedded on the page.  I am also using some other Telerik controls on the page such as: TreeView, Grid, Tabstrip...

The main thing I need to fix is the way menus float left by default:

.RadMenu {
float:left;
position:relative;
whitewhite-space:nowrap;
}

I really just want it to appear as a block-level element.  Any suggestions or ideas on how to overcome this?  Thanks.
----

Edit: I've actually just removed every RadMenu from this project and the base stylesheet for RadMenu is still included on the page.  Is this being referenced by another Telerik control somehow?

[dlamprey]

I believe I found the solution.  The problem was solved after I put the following in my skin file:

<telerik:RadGrid runat="server" EnableEmbeddedBaseStylesheet="false"  />

The RadGrid looks fine, oddly enough, and the RadMenu base stylesheet is no longer included...

[Yana]

Hello Dan,

I am not able to replicate this issue with the basestylesheet file, it really seems very strange. Could you please send us a simple project where we could observe the problem? You should open a support ticket in order to be able to attach files.

Additionally, you can overwrite the menu styles using "!important" css rule like this:

.RadMenu {
 float:none !important;
}

Best wishes,
Yana
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.

[manoj]

Hello,
I use RadPanel inside the master page for the whole application.
Here I disable skin and css and manually apply css.
   <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <div class="leftPanel">
                        <div class="leftMenu">
                        </div>
                    
                        <div class="menuLeft">
                            <telerik:RadPanelBar  ID="RadPanelBar1"
                             CausesValidation="false" runat="server" EnableEmbeddedBaseStylesheet="false"
                                Width="100%" EnableEmbeddedSkins="False" PersistStateInCookie="true"
                                OnItemClick="RadPanelBar1_ItemClick">
                                <CollapseAnimation Type="None" Duration="100"></CollapseAnimation>
                                <ExpandAnimation Type="None" Duration="100"></ExpandAnimation>
                            </telerik:RadPanelBar>
                        </div>
                        <h1>
                        </h1>
                    </div>
                </ContentTemplate>
            </asp:UpdatePanel>


In the content page I use a skin. like
<telerik:RadPanelBar ID="RadPanel2" Skin="web20" runat="server">
                </telerik:RadPanelBar>

But I can see the panel used in master page also has the same skin of content page.

I need to get the content page panel with different look.without changing the looks of master page panel

Please suggest your opinions..