This is a migrated thread and some comments may be shown as answers.

RadMenu overlap with another RadMenu and RadButton

4 Answers 208 Views

This is a migrated thread and some comments may be shown as answers.

4 Answers, 1 is accepted

answered on 12 Oct 2011, 06:27 AM

Hello Abdullah,

You can solve this problem by setting z-index property to the second menu and the button which should be less than the first RadMenu.
Here is a sample code.
aspx:

<head runat="server">

<style type="text/css">

.btnCSS

{

z-index:5000 !important;

}

.menu2CSS

{

z-index:6000 !important;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadMenu ID="RadRM_TopNav" runat="server" Skin="Hay" >

<Items>

<telerik:RadMenuItem Width="50px" Text="Root1" >

<GroupSettings Width="500px" />

<Items>

<telerik:RadMenuItem Text="Item1">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Item2">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Item3">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Item4">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Item5">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Root2">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

<br />

<telerik:RadMenu ID="Menu1" runat="server" CssClass="menu2" >

<Items>

<telerik:RadMenuItem Text="test1">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="test2">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="test3">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

<br />

<telerik:RadButton ID="RdBtn" runat="server" Text="RadButton" CssClass="test">

</telerik:RadButton>

Thanks,
Shinu.

Accepted