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
**********************