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

Menu not overlaying over Splitter

6 Answers 125 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Hoang
Top achievements
Rank 1
Hoang asked on 15 May 2009, 08:15 PM
Hi, is there a property to make the menu popout over the Splitter?  I am trying to build out the layout of a site using a splitter,  when the menu pop-out, it will not overlay the splitter.  I am using IE8 to view it.

 

<telerik:RadSplitter ID="RadSplitter1" runat="server"   
        ResizeWithBrowserWindow="true" FullScreenMode="true" Orientation="Horizontal">  
        <telerik:RadPane ID="RadPane1" runat="server">  
            <telerik:RadMenu ID="RadMenu1" runat="server" ClickToOpen="True" EnableOverlay="true">  
                <Items> 
                    <telerik:RadMenuItem runat="server" Text="File">  
                        <Items> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                </Items> 
            </telerik:RadMenu> 
        </telerik:RadPane> 
        <telerik:RadPane ID="BodyPane" runat="server" Width="100%" Height="100%" Scrolling="None">  
            <telerik:RadSplitter ID="NavigationPanelContentPanelSplitter" runat="server" Orientation="Vertical" 
                ResizeMode="EndPane" VisibleDuringInit="true"   
                SplitBarsSize="3">  
                <telerik:RadPane ID="NavigationPanelDock" runat="server" Width="100" Height="100%" 
                    Scrolling="None" Collapsed="false" Locked="true">  
                    Left Pane 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="NavigationPanelDockSplitBar" runat="server" CollapseMode="None" 
                    Enabled="false" Visible="false" /> 
                <telerik:RadPane ID="NavigationPanel" runat="server" Width="100" MinWidth="150" Height="100%" 
                    Scrolling="None" Collapsed="false" Locked="false">  
                    Right Pane  
                </telerik:RadPane> 
            </telerik:RadSplitter> 
        </telerik:RadPane> 
    </telerik:RadSplitter> 

6 Answers, 1 is accepted

Sort by
0
Hoang
Top achievements
Rank 1
answered on 15 May 2009, 08:49 PM
I just test this in IE7 and it seem to run fine.  But the problem still exists in IE8, any ideas?
0
Paul
Telerik team
answered on 16 May 2009, 12:26 PM
Hi Hoang,

Please find below your modified code snippet that works as expected.

<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title></title>  
    <style type="text/css">  
        .menuPanes  
        {  
            overflow: visible !important;  
        }  
    </style> 
</head> 
<body> 
    <form runat="server" id="mainForm" method="post">  
    <telerik:RadScriptManager ID="ScriptManager" runat="server" /> 
    <telerik:RadSplitter ID="RadSplitter1" runat="server" ResizeWithBrowserWindow="true" 
        FullScreenMode="true" Orientation="Horizontal">  
        <telerik:RadPane ID="RadPane1" runat="server" CssClass="menuPanes">  
            <telerik:RadMenu ID="RadMenu1" runat="server" ClickToOpen="True" EnableOverlay="true">  
                <Items> 
                    <telerik:RadMenuItem runat="server" Text="File">  
                        <Items> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                            <telerik:RadMenuItem runat="server" Text="New" /> 
                        </Items> 
                    </telerik:RadMenuItem> 
                </Items> 
            </telerik:RadMenu> 
        </telerik:RadPane> 
        <telerik:RadPane ID="BodyPane" runat="server" Width="100%" Height="100%" Scrolling="None">  
            <telerik:RadSplitter ID="NavigationPanelContentPanelSplitter" runat="server" Orientation="Vertical" 
                ResizeMode="EndPane" VisibleDuringInit="true" SplitBarsSize="3">  
                <telerik:RadPane ID="NavigationPanelDock" runat="server" Width="100" Height="100%" 
                    Scrolling="None" Collapsed="false" Locked="true">  
                    Left Pane  
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="NavigationPanelDockSplitBar" runat="server" CollapseMode="None" 
                    Enabled="false" Visible="false" /> 
                <telerik:RadPane ID="NavigationPanel" runat="server" Width="100" MinWidth="150" Height="100%" 
                    Scrolling="None" Collapsed="false" Locked="false">  
                    Right Pane  
                </telerik:RadPane> 
            </telerik:RadSplitter> 
        </telerik:RadPane> 
    </telerik:RadSplitter> 
    </form> 
</body> 
</html> 


Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Hoang
Top achievements
Rank 1
answered on 18 May 2009, 05:06 PM
It works, thanks.
0
ColinBowern
Top achievements
Rank 1
answered on 16 Jun 2009, 03:28 PM
I am looking to do a similar thing.  I have used the above code but when the menu is too long it wraps and pushes the top pane down.  I tried using the MinWidth but RadMenu appears to ignore it.

Any thoughts on how I can get the top pane to respect MinWidth?

Thanks,
Colin
0
Nicolaï
Top achievements
Rank 2
answered on 22 Oct 2013, 08:29 AM
Same problem, but the pane contains more than just the menu and needs scrolling...
What to do?
0
Kate
Telerik team
answered on 24 Oct 2013, 01:07 PM
Hello Nicolaï,

I would suggest that you open a separate support ticket where you can attach your sample page that we can inspect from our side. When writing the support ticket can you also provide more details on the specific issue that you are experiencing as well as provide some screenshots that will help us get a better idea of the specific case?  

Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Menu
Asked by
Hoang
Top achievements
Rank 1
Answers by
Hoang
Top achievements
Rank 1
Paul
Telerik team
ColinBowern
Top achievements
Rank 1
Nicolaï
Top achievements
Rank 2
Kate
Telerik team
Share this question
or