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

Radmenu with Radtab inside iframes

2 Answers 72 Views
Menu
This is a migrated thread and some comments may be shown as answers.
sudhakar
Top achievements
Rank 1
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
**********************


2 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 23 Jul 2010, 09:44 AM
Hi sudhakar,

I'm afraid that the menu cannot expand over iframe when it's located in the iframe - this is explained here.

Regards,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
sudhakar
Top achievements
Rank 1
answered on 23 Jul 2010, 12:15 PM
Hello Yana,

Thankyou for the update information and appereciate you replied it. 

I will look for alternative solution. Thanks once again.

Regards
Sudhakar
Tags
Menu
Asked by
sudhakar
Top achievements
Rank 1
Answers by
Yana
Telerik team
sudhakar
Top achievements
Rank 1
Share this question
or