Even height between RadSplitcontainers

3 posts, 0 answers
  1. David
    David avatar
    2 posts
    Member since:
    Oct 2015

    Posted 21 Jun Link to this post

    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. Kalin
    Admin
    Kalin avatar
    1279 posts

    Posted 26 Jun Link to this post

    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.
  3. David
    David avatar
    2 posts
    Member since:
    Oct 2015

    Posted 26 Jun in reply to Kalin Link to this post

    that seems to work. Thanks!
Back to Top