Having difficulty to layout Docking

[Ben Hayat]

Hi;

I'm trying to get this XAML code to do what the picture shows, and I can't get XAML to put two container in center under the RadDocumentPane.

<telerikDocking:RadDocking x:Name="WM_Docking" Grid.Row="1">

            <telerikDocking:RadDocking.DocumentHost>
                <telerikDocking:RadSplitContainer InitialPosition="DockedTop" >

                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadDocumentPane Header="TopCenter P1" CanUserClose="False" CanUserPin="False">
                            <TextBlock TextWrapping="Wrap" Text="Tex1" />
                        </telerikDocking:RadDocumentPane>

                        <telerikDocking:RadDocumentPane Header="TopCenter P2" CanUserClose="False" CanUserPin="False">
                            <TextBlock TextWrapping="Wrap" Text="Text2" />
                        </telerikDocking:RadDocumentPane>

                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>

            </telerikDocking:RadDocking.DocumentHost>
            <telerikDocking:RadSplitContainer InitialPosition="DockedBottom" Orientation="Vertical">

                <telerikDocking:RadSplitContainer InitialPosition="DockedTop">
                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadPane Header="center P1"/>
                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>

                <telerikDocking:RadSplitContainer InitialPosition="DockedBottom">
                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadPane Header="center P1"/>
                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>

            </telerikDocking:RadSplitContainer>


            <telerikDocking:RadSplitContainer InitialPosition="DockedLeft" Orientation="Vertical">
                <telerikDocking:RadSplitContainer >
                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadPane Header="Left P1"/>
                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>

                <telerikDocking:RadSplitContainer >
                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadPane Header="Left p2"/>
                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>
            </telerikDocking:RadSplitContainer>

            <telerikDocking:RadSplitContainer InitialPosition="DockedRight" Orientation="Vertical">
                <telerikDocking:RadSplitContainer >
                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadPane Header="Right P1"/>
                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>

                <telerikDocking:RadSplitContainer >
                    <telerikDocking:RadPaneGroup>
                        <telerikDocking:RadPane Header="Right p2"/>
                    </telerikDocking:RadPaneGroup>
                </telerikDocking:RadSplitContainer>
            </telerikDocking:RadSplitContainer>
        </telerikDocking:RadDocking>

I need to be able to control the size of middle panes as well.
Thanks!

[Ben Hayat]

I think I was able to do it, but not sure it's the right way.

[Miroslav Nedyalkov]

Hi Ben,

 Here is my suggestion:

<telerikDocking:RadDocking x:Name="WM_Docking" Grid.Row="1">

    <telerikDocking:RadDocking.DocumentHost>
        <telerikDocking:RadSplitContainer Orientation="Vertical">

            <telerikDocking:RadPaneGroup>
                <telerikDocking:RadDocumentPane Header="TopCenter P1" CanUserClose="False" CanUserPin="False">
                    <TextBlock TextWrapping="Wrap" Text="Tex1" />
                </telerikDocking:RadDocumentPane>

                <telerikDocking:RadDocumentPane Header="TopCenter P2" CanUserClose="False" CanUserPin="False">
                    <TextBlock TextWrapping="Wrap" Text="Text2" />
                </telerikDocking:RadDocumentPane>

            </telerikDocking:RadPaneGroup>

            <telerikDocking:RadPaneGroup>
                <telerikDocking:RadPane Header="center P1"/>
            </telerikDocking:RadPaneGroup>
            <telerikDocking:RadPaneGroup>
                <telerikDocking:RadPane Header="center P1"/>
            </telerikDocking:RadPaneGroup>
        </telerikDocking:RadSplitContainer>

    </telerikDocking:RadDocking.DocumentHost>

    <telerikDocking:RadSplitContainer InitialPosition="DockedLeft" Orientation="Vertical">
        <telerikDocking:RadPaneGroup>
            <telerikDocking:RadPane Header="Left P1"/>
        </telerikDocking:RadPaneGroup>

        <telerikDocking:RadPaneGroup>
            <telerikDocking:RadPane Header="Left p2"/>
        </telerikDocking:RadPaneGroup>
    </telerikDocking:RadSplitContainer>

    <telerikDocking:RadSplitContainer InitialPosition="DockedRight" Orientation="Vertical">
        <telerikDocking:RadPaneGroup>
            <telerikDocking:RadPane Header="Right P1"/>
        </telerikDocking:RadPaneGroup>

        <telerikDocking:RadPaneGroup>
            <telerikDocking:RadPane Header="Right p2"/>
        </telerikDocking:RadPaneGroup>
    </telerikDocking:RadSplitContainer>
</telerikDocking:RadDocking>

All the best,
Miroslav Nedyalkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Ben Hayat]

Thank you Miro;

I like your solution better. I had a tough time trying to "force" the "DocumentHost" to do something that was beyond it's design and feature. Then I stepped back and read more of the help and started fresh with what the tool gives me and work with it than fight it. Now we more friends that the last two days :-)

This is a VERY useful and powerful tool for cases that the user needs to interact with several windows and each must be present at all time. So, I see more and more business complex apps use this control. However, the design time Drag & Drop is lacking big time and causes lots of frustrations. I really wish/hope/request/BEG to see the runtime D&D to brought into design time in Blend and VS10. This particular control needs better design time support. I literally have to work with this control in XAML for layout at the moment. I would love to see moving them around just like the end user can.

What do you say? :-)
Thanks for your [great] help, as always!
..Ben

[Miroslav Nedyalkov]

Hi Ben,

 I understand that the Docking control lacks design-time support. We are currently working on more basic things in the design-time field, but most probably dragging and dropping panes like the end-user will not be possible in design-time. Anyway it sounds very good way for configuring the Docking control and we definitely will try to make it work when start implementing more advanced design-time features.

Thank you for your feedback and suggestions!

All the best,
Miroslav Nedyalkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.