Achieving Auto-Resizable RadSplitContainer in RadDocking

[BNM2024]

Hello,

I am currently working with RadDocking and trying to achieve the following scenario: I have three RadSplitContainers named left, middle, and right. My goal is to make the middle RadSplitContainer auto resizable when either the left or right Rad containers are set to auto hide. In other words, I want the middle container to automatically adjust its size to accommodate the space left by the hidden containers. Could you please guide me on how to achieve this behavior?

Thank you

Here is my code:

 <telerik:RadDocking  BorderThickness="0" Name="RadDocking" >
     <telerik:RadSplitContainer Orientation="Vertical" InitialPosition="DockedLeft"  Width="270" Height="840">
         <telerik:RadPaneGroup Name="TopLeft"  TabStripPlacement="Top" VerticalAlignment="Top"  Height="200 " >
             <telerik:RadPane Name="TopLeft1" Header="TopLeft1" >
             </telerik:RadPane>
             <telerik:RadPane Name="TopLeft2" Header="TopLeft2" />
         </telerik:RadPaneGroup>
         <telerik:RadPaneGroup Name="BottomLeft" TabStripPlacement="Top" >
             <telerik:RadPane Name="BottomLeft1" Header="BottomLeft2">
             </telerik:RadPane>
             <telerik:RadPane Name="BottomLeft2" Header="BottomLeft2" >
             </telerik:RadPane>
         </telerik:RadPaneGroup>
     </telerik:RadSplitContainer>
     <telerik:RadSplitContainer   Width="600" >
         <telerik:RadPaneGroup Background="GhostWhite"  >
             <telerik:RadPane  Name="Middle1" Header="Middle" Tag="Blue" CanUserClose="True" Background="Transparent" >
             </telerik:RadPane>
         </telerik:RadPaneGroup>
     </telerik:RadSplitContainer>
     <telerik:RadSplitContainer  InitialPosition="DockedRight" Name="TopRight" Width="350" Height="640">
         <telerik:RadPaneGroup >
             <telerik:RadPane Header="TopRight" >
             </telerik:RadPane>
         </telerik:RadPaneGroup>
     </telerik:RadSplitContainer>
 </telerik:RadDocking>

Thank you!

 

[Martin Ivanov]

Hello,

To get the desired result, you can add the middle container in the DocumentHost of RadDocking. You can see this shown in the First Look example of RadDocking in the WPF Demos application.

Regards,
Martin Ivanov
Progress Telerik