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

Controls inside Pane are not resizing

1 Answer 99 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
sunil
Top achievements
Rank 1
sunil asked on 06 Dec 2012, 03:29 AM
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

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 10 Dec 2012, 08:15 PM
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.
Tags
Splitter
Asked by
sunil
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or