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

Radmenu with Radtab inside iframes

2 Answers 107 Views

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

sudhakar asked on 20 Jul 2010, 10:14 AM

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

**********************

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Radmenu with Radtab inside iframes

2 Answers, 1 is accepted