Hello All,
Can some one help with below code.
1) I have Radmenu inside a Radtab, it displays perfectly on a normal page with menus and tabs
2) As soon as i use the same code in a Master Page (First.master) with 3 iframes viz : Header and second is the above Menu.aspx and third is say Body.
3) Now when i click on the Menu, the items are behind the body iframe, my problem : Is there any way where i can bring the menu items in front of the bodyframe instead going behind.
Please somone provide with the correct solution.
Below is the Sample code given.
****************************************
Start MASTER PAGE (first.Master)
**********************************************
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="ScriptManager2" >
</asp:ScriptManager>
<iframe id="header" name="header" style="padding: 0px; margin: 0px; height:50px; width:100%; top: 0px; " frameborder="0" scrolling="no" src="header.aspx" marginheight="0em" marginwidth="0em" ></iframe>
<iframe id="menuFrame" name="menuFrame" style="width: 100%; padding: 0px; margin: 0px; height:30px; width:100%; top: 0px; " frameborder="0" scrolling="no" src="menu.aspx" marginheight="0em" marginwidth="0em" ></iframe>
<iframe id="bodyframe" name="bodyframe" style="padding: 0px; margin: 0px; height:520px;width:100%; top: 0px;" frameborder="0" scrolling="auto" marginheight="0em" marginwidth="0em" src="body.aspx" >
<asp:ContentPlaceHolder id="ContentBody" runat="server">
</asp:ContentPlaceHolder>
</iframe>
</form>
</body>
*****************************************************************
End MASTER PAGE
****************************************************************
*****************************************************************
Start MenuPAGE (2nd frame)
****************************************************************
<style type="text/css">
div.RadTabStrip .rtsLink,
div.RadTabStrip .rtsOut,
.RadTabStrip .rtsLevel,
.RadTabStrip .rtsUL,
.RadTabStrip .rtsLI
{
float: left !important;
overflow: visible !important;
}
.RadMenu
{
white-space:nowrap;
float:left;
position:relative;
}
.RadTab
{
white-space:nowrap;
float:left;
position:relative;
}
.RadTabStrip
{
white-space:nowrap;
float:left;
position:relative;
}
</style>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
</div>
<table style="width:89%">
<tr style="width:100%">
<td >
<telerik:RadTabStrip ID="tabmenu" Skin="Black"
runat="server" SelectedIndex="11" ClickSelectedTab="True"
Font-Bold="True">
<Tabs>
<telerik:RadTab Text="Home" NavigateUrl="rmshome.aspx" Target="bodyframe" runat="server" />
<telerik:RadTab runat="server">
<TabTemplate>
<telerik:RadMenu runat="server" ID="RadMenu1">
<Items>
<telerik:RadMenuItem runat="server" Text="Search Engines">
<Items>
<telerik:RadMenuItem runat="server" Target="searchFrame" Text="Google" NavigateUrl="http://www.google.com"> </telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Target="searchFrame" Text="Yahoo" NavigateUrl="http://www.yahoo.com"> </telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Target="searchFrame" Text="Live" NavigateUrl="http://www.live.com"> </telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</TabTemplate>
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
</form>
</body>
**********************
End of MenuPage
**********************