RadMenu in Radpane

[SKande]

Hello
  I have a radmenu inside a radpane and there are radpanes within splitbars on left and bottom of the menu i want the parent menu to be inside its own radpane but only the submenu should overlay i have tried styple position and z index when i apply to that to menu the parent radmenu is coming  out of the radpane i just want the submenu to come up i have included an image of the problem.

Thank you
JJ

[SKande]

Need help !!!

[Kate]

Hello JJ,

I assume that you get the appearance issue since the pane of the RadSplitter control has an overflow style that is set to hidden. To workaround it I would suggest that you set it to visible and check how it goes (you can use the FireBug tool for FireFox for example). In case this does not help I would suggest that you provide either a live url or a very simplified page demonstrating the appearance so I can test it locally and assist you in getting the desired look.  

Regards,
Kate
Telerik

[SKande]

Hello I have included the demo project files and the error in my UI i have used the fire bug but could not able to find a real solution for that I want a file Menu to be inserted in the Left Menu bottom one but the sub options are going under the panel bar can you help me in resolving this error it will be very help ful and I am not able to adjust the radpane heights i donot want a scroll bar but it is always showing a scroll bar even if i am changing the min height to any number.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
        <ContentTemplate>

            <div class="main-banner">
                <div class="app-banner">
                    <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
                    </telerik:RadScriptManager>
                    <telerik:RadPanelBar runat="server" ID="" Width="100%" EnableEmbeddedBaseStylesheet="true"
                        EnableEmbeddedSkins="false">
                        <Items>
                            <telerik:RadPanelItem Text="" Expanded="True">
                                <Items>
                                    <telerik:RadPanelItem Value="">
                                        <ItemTemplate>
                                            <div id="ParentDivElement" style="height: 100%;">
                                                <telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%"
                                                    ResizeWithBrowserWindow="true" FullScreenMode="true" Orientation="Horizontal">
                                                    <telerik:RadPane ID="TopPane" runat="server" Height="50" MinHeight="40" MaxHeight="60"
                                                        Collapsed="true" Scrolling="none">
                                                    </telerik:RadPane>
                                                    <telerik:RadSplitBar ID="RadsplitbarTop" runat="server" CollapseMode="Forward" />
                                                    <telerik:RadPane ID="MainPane" runat="server" Scrolling="none" MinWidth="500" MinHeight="500">
                                                        <telerik:RadSplitter ID="NestedSplitter" runat="server" LiveResize="true">
                                                            <telerik:RadPane ID="LeftPane" runat="server" Width="250" MinWidth="200" MaxWidth="450"
                                                                Height="40" MinHeight="30" Scrolling="None">
                                                                <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" CollapseMode="Forward">
                                                                    <telerik:RadPane ID="RadPane1" runat="server" Height="400" MinHeight="150" Scrolling="Both">

                                                                    </telerik:RadPane>
                                                                    <telerik:RadSplitBar ID="rsbAddFiles" runat="server" CollapseMode="Forward" />
                                                                    <telerik:RadPane ID="RadPane2" runat="server" Height="100" MinHeight="100" MaxHeight="150"
                                                                        Scrolling="none">

                                                                    </telerik:RadPane>
                                                                    <telerik:RadSplitBar ID="rsbJobInfo" runat="server" CollapseMode="Forward" />
                                                                    <telerik:RadPane ID="RadPane3" runat="server" Height="1200" MinHeight="250">
                                                                        <%-- File Menu for job Options --%>
                                                                         <%-- The child Items are sliding under the panel bar how to set the file Menu to occupy entire radpane and child items to be displayed on above the radpane... --%>
                                                                    </telerik:RadPane>
                                                                </telerik:RadSplitter>
                                                            </telerik:RadPane>
                                                            <telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" />
                                                            <telerik:RadPane ID="" runat="server">

                                                            </telerik:RadPane>
                                                        </telerik:RadSplitter>
                                                    </telerik:RadPane>
                                                    <telerik:RadSplitBar ID="RadSplitBarBottom" runat="server" Orientation="Horizontal"
                                                        CollapseMode="Backward" />
                                                    <telerik:RadPane ID="BottomPane" runat="server" Height="40" MinHeight="30" MaxHeight="60"
                                                        Collapsed="true" Scrolling="none">
                                                    </telerik:RadPane>
                                                </telerik:RadSplitter>
                                            </div>
                                        </ItemTemplate>
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelBar>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

[Kate]

Hello JJ,

I tested the code that you provided and it seems that you will need to set the overflow property of two panes to visible. Please find the attached file that is base on the provided code and that provide an example of the describe approach.

Regards,
Kate
Telerik