RadDocking question

[Dr.YSG]

I want to create a QuadPanel chart where the each panel owns a quadrant but all panels expand and stretch to the full size of the browser.
What I have below almost works. It has two split groups both docked to the top. It streches side to side just fine, but vertically it does not stretch. Each splitGroup seems to want to be 180 pixels. If I dock the bottom group to the bottom, it works a little better, but initially there is a large blank unused space in the middle, and we also get overlap issues when the verticle height is less than needed.

BTW, I am not finding this tool Blend Friendly. (Blend for Net4). I do see the ALT message, but it wants to put the panel group at the top level. I suspect you don't have full support yet.

        <telerikDocking:RadDocking Margin="0,0,0,0" Grid.Row="1" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="{x:Null}">
            <telerikDocking:RadSplitContainer InitialPosition="DockedTop" >
                <telerikDocking:RadPaneGroup>
                    <telerikDocking:RadPane Header="Cluster Map">
                        <blood:MapView/>
                    </telerikDocking:RadPane>
                </telerikDocking:RadPaneGroup>
                <telerikDocking:RadPaneGroup>
                    <telerikDocking:RadPane Header="Detail Map">
                        <blood:MapView/>
                    </telerikDocking:RadPane>
                </telerikDocking:RadPaneGroup>
            </telerikDocking:RadSplitContainer>
            <telerikDocking:RadSplitContainer InitialPosition="DockedTop">
                <telerikDocking:RadPaneGroup>
                    <telerikDocking:RadPane Header="Data Chart">
                        <blood:ChartView/>
                    </telerikDocking:RadPane>
                </telerikDocking:RadPaneGroup>
                <telerikDocking:RadPaneGroup>
                    <telerikDocking:RadPane Header="Data Filter">
                        <blood:GridView/>
                    </telerikDocking:RadPane>
                </telerikDocking:RadPaneGroup>
            </telerikDocking:RadSplitContainer>
        </telerikDocking:RadDocking>

[Konstantina]

Hi Steven,

Thank you for your question.

Your suggestion was pretty close. All you need to do to achieve your goal is to add one more SplitContainer with a vertical orientation around the other two. Attached you will find a simple project, which illustrates that.

If you have any further question please feel free to contact us again.


Kind regards,
Konstantina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Dr.YSG]

I tried wrapping both Horizontal SpliContainers in a outer Verticle one:

            <telerikDocking:RadSplitContainer Orientation="Vertical">

But what this did was shrink the height of both the split containters to about 20 pixels. This happens even if they have explicit heights set. So I don't have a solution yet.

[Konstantina]

Hello Dr.YSG,

Straight to your question.

A possible solution for this is also setting the HasDocumentHost property of the Docking to False. For referral please find the attached file in my previous post.

Please feel free to ask again if you have further questions.

All the best,
Konstantina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.