Having trouble laying out panels

Nov 9, 2010 at 12:48 AM

Hello,

I am leaning these controls and am having some trouble getting the layout I want.

Below is the XAML that is very close to how I would like my app to be arranged but I would like the bottom "Output" panel to pin to the bottom of the middle section when unpined.

Right now when its not pined it gets push to the lower left of the window, I would perfer to keep it in the center <DocumentPane> so the user does not lose the tab.

        <ad:DockingManager x:Name="dockManager" >
            <ad:ResizingPanel Orientation="Horizontal">
                
                <!--LEFT SECTION-->
                <ad:DockablePane ad:ResizingPanel.ResizeWidth="300">
                    <ad:DockableContent Title="Left Tab 1">
                        <TextBox IsReadOnly="True" AcceptsReturn="True"/>
                    </ad:DockableContent>
                    <ad:DockableContent   Title="Left Tab 2">
                        <TextBox IsReadOnly="True" AcceptsReturn="True"/>
                    </ad:DockableContent>
                </ad:DockablePane>


                <!--MIDDLE SECTION-->
                <ad:ResizingPanel Orientation="Vertical">
                    <ad:DocumentPane>
                        <ad:DocumentContent Title="Center" IsCloseable="False">
                            <TextBox IsReadOnly="True" AcceptsReturn="True"/>
                        </ad:DocumentContent>
                    </ad:DocumentPane>

                    <ad:DockablePane ad:ResizingPanel.ResizeWidth="300">
                        <ad:DockableContent Title="Output"  >
                            <TextBox IsReadOnly="True" AcceptsReturn="True"/>
                        </ad:DockableContent>
                    </ad:DockablePane>
                </ad:ResizingPanel>


                <!--RIGHT SECTION-->
                <ad:DockablePane ad:ResizingPanel.ResizeWidth="300">
                    <ad:DockableContent Title="Right Tab 1">
                        <TextBox IsReadOnly="True" AcceptsReturn="True"/>
                    </ad:DockableContent>
                    <ad:DockableContent Title="Right tab 2">
                        <TextBox IsReadOnly="True" AcceptsReturn="True"/>
                    </ad:DockableContent>
                </ad:DockablePane>

            </ad:ResizingPanel>
        </ad:DockingManager>

 

Can someone guide me in the right direction?

Also.. I would like to thank the developer(s) for these controls. They are awsome !

Drew