[Solved] Dock which fills entire screen

[Kjell]

Hi, I am using SL4 and the Q3 telerik controls release.  Can you provide me a simple code sample where a dock takes up the entire horizontal width of a window?  Basically i'm just looking for a horizontal stretch.

[Dani]

Hi Kjell,

A docking control takes up the all available horizontal space by default. I am guessing you wish a single RadPane to stretch horizontally. If so, I suggest that you use a DocumentHost containing a single or multiple RadPanes because it stretches horizontally by default. For example:

<telerik:RadDocking x:Name="radDocking">

            <telerik:RadDocking.DocumentHost>
                <telerik:RadSplitContainer>
                    <telerik:RadPaneGroup x:Name="radPaneGroup" >
                        <telerik:RadPane x:Name="radPane1" Header="Document 1">
                            <TextBlock TextWrapping="Wrap" Text=""></TextBlock>
                        </telerik:RadPane>
                        <telerik:RadPane x:Name="radPane2" Header="Document 2">
                            <TextBlock TextWrapping="Wrap" Text=""></TextBlock>
                        </telerik:RadPane>
                        <telerik:RadPane x:Name="radPane3" Header="Document 3">
                            <TextBlock TextWrapping="Wrap" Text=""></TextBlock>
                        </telerik:RadPane>
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>

        </telerik:RadDocking>

I hope this will work well for you.

Best wishes,
Dani
the Telerik team

[Kjell]

The challenge I am facing is that if I don't specifiy a width for the parent object, then I get an error that the docking control cannot be in a parent with infinite width/height.  However if I do specify a width then it just stays stuck at that width.  Here is my current page layout:


<grid>
    <stackpanel>   
            <radmenu and header image>

THIS IS WHERE I TRIED STARTING MY DOCK

              <busy indicator>
                    <grid>
                            <gridview margin=10,0,10,0>
                            <pager>
                        /grid
                /busy

    /stack
/grid

Right now the gridview will always stretch to fill the entire screen horizontally with a 10 pixel buffer on each side.  What I am trying to do is put that gridview in a docking control, so I tried putting the busy indicator and everything below into the docking control but running into the width issue.  I know this is probably very vague so I am going to keep playing with it and if I can't figure it out I will provide more detail, if you have any ideas please let me know.

[Kjell]

My root container was a stackpanel, changing this to a grid resolved my issue.