RadPane Resizing

[Anabayan]

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>

[Miroslav Nedyalkov]

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

[Anabayan]

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

edit:
Marked as Answer