Forcing asp:menu to overlay RadTabStrip

 

Article information
Article relates to	all versions of RadTabStrip "classic" RadTabStrip for ASP.NET AJAX (Telerik.Web.UI 2008.1.x)
Created by	Paul, Telerik
Last modified	April 03, 2008
Last modified by	Paul, Telerik

 
HOW-TO
Force asp:menu to overlay RadTabStrip

SOLUTION
Sometimes you may experience the problem with RadTabStrip overlaying your asp:menu. In order to fix this issue we suggest putting the asp:menu in a DIV container with position:relative style. Here's a sample code snippet that demonstrates the approach:


ASPX:





ASPX:

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

<div style="position: relative; z-index: 100">

<asp:Menu ID="Menu1" runat="server" BackColor="#B5C7DE" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" StaticSubMenuIndent="10px">

...

...

</asp:Menu>

</div>

<radTS:RadTabStrip ID="RadTabStrip1" runat="server" Style="position: static">

...

...

</radTS:RadTabStrip>

</form>