RadPane Resizing

3 posts, 1 answers
  1. Anabayan
    Anabayan avatar
    3 posts
    Member since:
    Feb 2012

    Posted 24 Feb 2012 Link to this post

    My xaml is as below. What I want to do is when I resize either "pane1" or "pane3", i want the size of the pane 2 to be reduced. This happens when pane 3's size is increased. But when pane 1's size is increased only pane 3's size is reduced and pane 2 sort of just moves to the right. Can you please help?

    <telerik:RadDocking HasDocumentHost="False">
                    <telerik:RadSplitContainer InitialPosition="DockedLeft">
                        <telerik:RadPaneGroup>
                            <telerik:RadPane Header="Pane1">

                            </telerik:RadPane>
                        </telerik:RadPaneGroup>
                    </telerik:RadSplitContainer>
                    <telerik:RadSplitContainer>
                        <telerik:RadPaneGroup>
                            <telerik:RadPane Header="Pane2">

                            </telerik:RadPane>
                        </telerik:RadPaneGroup>
                    </telerik:RadSplitContainer>
                    <telerik:RadSplitContainer  InitialPosition="DockedRight">
                        <telerik:RadPaneGroup>
                            <telerik:RadPane Header="Pane3">

                            </telerik:RadPane>
                        </telerik:RadPaneGroup>
                    </telerik:RadSplitContainer>
                </telerik:RadDocking>
  2. Answer
    Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 24 Feb 2012 Link to this post

    Hello Anabayan,

    In your case you have 3 SplitContainer from which the first and second one are docked to the left and have fixed width and the third one fills the rest of the space. To enable the behavior you need you should use relative sizing which is only available inside a common SplitContainer. To achieve this you might use the following XAML instead:

    <telerik:RadDocking HasDocumentHost="False">
                    <telerik:RadSplitContainer>
                        <telerik:RadPaneGroup>
                            <telerik:RadPane Header="Pane1">
     
                            </telerik:RadPane>
                        </telerik:RadPaneGroup>
                        <telerik:RadPaneGroup>
                            <telerik:RadPane Header="Pane2">
     
                            </telerik:RadPane>
                        </telerik:RadPaneGroup>
     
                        <telerik:RadPaneGroup>
                            <telerik:RadPane Header="Pane3">
     
                            </telerik:RadPane>
                        </telerik:RadPaneGroup>
                    </telerik:RadSplitContainer>
                </telerik:RadDocking>

    For more information about sizing the panes in the RadDocking control you might refer to this article.

    Hope this helps.

    Regards,
    Miroslav Nedyalkov
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. DevCraft banner
  4. Anabayan
    Anabayan avatar
    3 posts
    Member since:
    Feb 2012

    Posted 24 Feb 2012 Link to this post

    Huge Thanks to you... such a fast response too!! :)

    edit:
    Marked as Answer
Back to Top