Controls inside Pane are not resizing

2 posts, 0 answers
  1. sunil
    sunil avatar
    3 posts
    Member since:
    Aug 2010

    Posted 05 Dec 2012 Link to this post

    hi,

    I have created something like below given example

    <telerik:Radsplitter ID="RadSplitter1" runat="server" Height ="660px" Width ="100%" >
            <telerik:RadPane ID="LeftPane" runat="server" Scrolling="none">
                <telerik:RadSlidingZone ID="SlidingZone1" runat="server">
                    <telerik:RadSlidingPane ID="RadSlidingPane1" Scrolling="Both" DockText="Filters" Title="Filters" runat="server"  >
                   ................................
                   </telerik:RadSlidingPane>
    </telerik:RadPane>
            <telerik:RadSplitBar ID="Radsplitbar1" runat="server">
            </telerik:RadSplitBar>
            <telerik:RadPane ID="MiddlePane1" Scrolling="none" runat="server" Width ="100%" Height="100%">
    <table id="mainTable" cellpadding="0" cellspacing="0" width="100%" style="height: 100%;width:100%;">
    ............. MAIN CONTENT (some control)
    </tr>
        </table>               
                </telerik:RadPane>           
                </telerik:Radsplitter>

    when i run this, and dock the RadSlidingPane the main content crosses the width and height of the MiddlePane1 as i have given scrolling="none" in MiddlePane1, it looks like the main content is inside the MiddlePane1 and as the scrolling is none i cant even reach to other part of main content,

    I would like to see the content in the Middlepane1 to adjust the screen as i dock the RadSlidingPane. 3

    Note:on a first hand i felt that should be because of controls inside MiddlePanel1 but as i would do some event changes i would see the main content adjusting with Middlepanel1 and entire screen fits fine, for your note i have given 100% to all the controls width
  2. Vessy
    Admin
    Vessy avatar
    1388 posts

    Posted 10 Dec 2012 Link to this post

    Hi Sunil,

    When you use a Sliding zone, it is highly recommended to set its and its parent Pane width to 22px, in order to achieve most consistent behavior:
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="660px" Width="100%">
        <telerik:RadPane ID="LeftPane" runat="server" Scrolling="none" Width="22px">
            <telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22px">
                <telerik:RadSlidingPane ID="RadSlidingPane1" Scrolling="Both" DockText="Filters"
                    Title="Filters" runat="server">
                </telerik:RadSlidingPane>
            </telerik:RadSlidingZone>
        </telerik:RadPane>
        <telerik:RadSplitBar ID="Radsplitbar1" runat="server">
        </telerik:RadSplitBar>
        <telerik:RadPane ID="MiddlePane1" Scrolling="none" runat="server" Width="100%" Height="100%">
            <table id="mainTable" cellpadding="0" cellspacing="0" width="100%" style="height: 100%;
                width: 100%;">
                <tr>
                    <td>
                        ............. MAIN CONTENT (some control)
                        <telerik:RadGrid ID="RadGrid1" runat="server" Width="100%"></telerik:RadGrid>
                    </td>
                </tr>
            </table>
        </telerik:RadPane>
    </telerik:RadSplitter>

    Please, give it a try and let me know if I could be of any further assistance.

    Regards,
    Vesi
    the Telerik team
    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 their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top