[Solved] RadMenu appears behind nested splitter

[Matthew]

I have a nested splitter set up using the following code:

	<telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="WebBlue" Orientation="Horizontal" Height="100%" Width="100%">
	<telerik:RadPane ID="TopPane" runat="server" Height="75px" Scrolling="none">
	<div id="Header">
	<uc1:Header ID="Header1" runat="server" />
	</div>
	</telerik:RadPane>
	<telerik:RadPane ID="BottomPane" runat="server" Scrolling="none">
	<telerik:RadSplitter ID="RadSplitter2" Skin="WebBlue" Orientation="Vertical"
	runat="server" LiveResize="true">
	<telerik:RadPane ID="LeftPane" runat="server" Width="300px" MinWidth="200" MaxWidth="800">
	<div id="NavTree">
	<asp:ContentPlaceHolder ID="ContentLeft" runat="server">
	</asp:ContentPlaceHolder>
	</div>
	</telerik:RadPane>
	<telerik:RadSplitBar ID="RadSplitBar1" runat="server" />
	<telerik:RadPane ID="MainPane" runat="server">
	<div id="OuterContentArea">
	<asp:contentplaceholder id="ContentMain" runat="server">
	</asp:contentplaceholder>
	</div>
	</telerik:RadPane>
	</telerik:RadSplitter>
	</telerik:RadPane>
	</telerik:RadSplitter>

In my header, I have a RadMenu control.  The problem is that the menus items drop down behind the "BottomPane" RadPane.  I've tried changing the z-order using CSS on the RadMenu control and the menu item that drops down, but that doesn't work.  Please advise.

Thanks,
Matt

[Peter]

Hi Matt,

Please, review the KB on Using RadSplitter and RadMenu together.


Best wishes,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Matthew]

Hi,

The KB article has a solutions that almost works.  I used the approach where I set the position of the RadMenu to absolute and the the .ApplyOverflow class to "RadPane1" and that works ONLY if I don't have the menu right aligned.  I need to have the menu right-aligned with the following code (the code suggestion from Telerik):

<div style="float:right;">
[RadMenu]
</div>

What do I need to do in order to get both features?

Thanks,
Matt

[Alex Gyoshev]

Hi Matt,

Please find attached an aspx page that provides a solution to your problem. The issue was caused because the floating of the RadMenu and its absolute positioning are conflicting styles; the proper way to align it that way is to use absolute positioning and set the "right" CSS property.

Greetings,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center