Radmenu with Radtab inside iframes

3 posts, 0 answers
  1. sudhakar
    sudhakar avatar
    35 posts
    Member since:
    Jul 2010

    Posted 20 Jul 2010 Link to this post

    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. Yana
    Admin
    Yana avatar
    5013 posts

    Posted 23 Jul 2010 Link to this post

    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
  3. sudhakar
    sudhakar avatar
    35 posts
    Member since:
    Jul 2010

    Posted 23 Jul 2010 Link to this post

    Hello Yana,

    Thankyou for the update information and appereciate you replied it. 

    I will look for alternative solution. Thanks once again.

    Regards
    Sudhakar
Back to Top