RadMenu in Radpane

5 posts, 0 answers
  1. SKande
    SKande avatar
    27 posts
    Member since:
    May 2013

    Posted 14 Jun 2013 Link to this post

    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
  2. SKande
    SKande avatar
    27 posts
    Member since:
    May 2013

    Posted 17 Jun 2013 Link to this post

    Need help !!!
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 18 Jun 2013 Link to this post

    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
    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.
  5. SKande
    SKande avatar
    27 posts
    Member since:
    May 2013

    Posted 15 Jul 2013 Link to this post

    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>
  6. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 17 Jul 2013 Link to this post

    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
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017