I am trying to have 4 RadPanes in my control arranged in a 2x2 grid that are even height and width. The problem is, that I can't get the height to be the same across the RadSplitContainers. When the control is first opened, the top 2 RadPanes are much shorter than the bottom 2. Is there a way to get them to be equal?
Here is my code:
<telerikDocking:RadDocking Name="radDock" HasDocumentHost="False" telerik:AnimationManager.AnimationSelector="{x:Null}" telerik:AnimationManager.IsAnimationEnabled="False" MouseDoubleClick="RadDocking_MouseDoubleClick" >
<telerikDocking:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedTop">
<telerikDocking:RadPaneGroup>
<telerikDocking:RadPane >
<controls:SpreadView Margin="5,5,5,5" />
</telerikDocking:RadPane>
</telerikDocking:RadPaneGroup>
<telerikDocking:RadPaneGroup>
<telerikDocking:RadPane >
<controls:SpreadView Margin="5,5,5,5" />
</telerikDocking:RadPane>
</telerikDocking:RadPaneGroup>
</telerikDocking:RadSplitContainer>
<telerikDocking:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedBottom">
<telerikDocking:RadPaneGroup >
<telerikDocking:RadPane >
<controls:SpreadView Margin="5,5,5,5" />
</telerikDocking:RadPane>
</telerikDocking:RadPaneGroup>
<telerikDocking:RadPaneGroup >
<telerikDocking:RadPane >
<controls:SpreadView Margin="5,5,5,5" />
</telerikDocking:RadPane>
</telerikDocking:RadPaneGroup>
</telerikDocking:RadSplitContainer>
</telerikDocking:RadDocking>