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

Even height between RadSplitcontainers

2 Answers 55 Views
Docking
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 22 Jun 2017, 01:15 AM

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>

2 Answers, 1 is accepted

Sort by
0
Kalin
Telerik team
answered on 26 Jun 2017, 03:28 PM
Hello David,

What you can do is wrap the 2 SplitContainers in another SplitContainer. Try the following snippet:

<telerik:RadDocking HasDocumentHost="False"
            telerik:AnimationManager.AnimationSelector="{x:Null}"
            telerik:AnimationManager.IsAnimationEnabled="False">
    <telerik:RadSplitContainer Orientation="Vertical">
        <telerik:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedTop">
            <telerik:RadPaneGroup>
                <telerik:RadPane />
            </telerik:RadPaneGroup>
            <telerik:RadPaneGroup>
                <telerik:RadPane />
            </telerik:RadPaneGroup>
        </telerik:RadSplitContainer>
        <telerik:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedBottom">
            <telerik:RadPaneGroup>
                <telerik:RadPane />
            </telerik:RadPaneGroup>
            <telerik:RadPaneGroup>
                <telerik:RadPane />
            </telerik:RadPaneGroup>
        </telerik:RadSplitContainer>
    </telerik:RadSplitContainer>
</telerik:RadDocking>

Hope this helps.

Regards,
Kalin
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
0
David
Top achievements
Rank 1
answered on 26 Jun 2017, 06:13 PM
that seems to work. Thanks!
Tags
Docking
Asked by
David
Top achievements
Rank 1
Answers by
Kalin
Telerik team
David
Top achievements
Rank 1
Share this question
or