This is a migrated thread and some comments may be shown as answers.

Dock Panel that doesn't obscure area behind it

3 Answers 86 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 2
Jonathan asked on 15 May 2009, 07:34 PM
hi

I want to create a layout with a pinnable, auto hide region on the bottom (for query results) that doesn't overlay the rest of the content in the window. I am trying to accomplish it with RadDock, but can't get it quite where I want.

If I don't set a lower row, the containing box for the radDock stretched to 100% vertically, and obscured the content beneath it.

If I set a lower row, and set its height to 30 (as in the sample code below), it starts to work more or less how I want it to, except that pinning the "output" box results in it resizing down to the 30 pixels tall.

If I set the height of the lower row to something more reasonable, like 350px, and set the opacity of radDocking1 to something like "0.2", it "sort of" works, and made me think I might be able to set the opacity of radDocking1 to 0, and then create my own buttons for the tabs (as they become invisible as well); however, on pinning, the pinned window appears to inherit the opacity of the containing radDocking1, and so disappears.

Assistance appreciated

thanks

/jonathan

code:
<UserControl x:Class="GeoLinxSilverlight.test" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
    Width="Auto" Height="Auto" 
    xmlns:radDock="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Docking" 
    > 
    <Grid x:Name="LayoutRoot"
        <Grid.RowDefinitions> 
            <RowDefinition Height="*"/> 
            <RowDefinition Height="30"/> 
        </Grid.RowDefinitions> 
        <Grid.ColumnDefinitions> 
            <ColumnDefinition Width="*"/> 
            <ColumnDefinition Width="350"/> 
        </Grid.ColumnDefinitions> 
 
        <Image Grid.ColumnSpan="2" Grid.RowSpan="2" ></Image
 
        <radDock:RadDocking x:Name="radDocking1" Grid.Column="0" Grid.Row="1" > 
 
            <radDock:RadSplitContainer radDock:DockingPanel.InitialSize="200,200" 
                    x:Name="BottomContainer" InitialPosition="DockedBottom"
                <radDock:RadPaneGroup x:Name="Group3"
                    <radDock:RadPane x:Name="Pane6" Header="Output" CanDockInDocumentHost="False" CanFloat="False" CanUserClose="False" IsPinned="False"
                    </radDock:RadPane> 
                </radDock:RadPaneGroup> 
            </radDock:RadSplitContainer> 
 
        </radDock:RadDocking> 
 
    </Grid> 
</UserControl> 

3 Answers, 1 is accepted

Sort by
0
Miroslav Nedyalkov
Telerik team
answered on 16 May 2009, 09:06 AM
Hi Jonathan,

I'm not sure what exactly you want to do, but if I understand you correctly you want to have a bar at the bottom with unpinned panes and you want to be able to pin them. And if the panes are pinned, you may want the Docking control to expand. If you just want to have unpinned panes and you don't want the user to pin them again just set the CanUserPin property to false.

Please, find attached an example. It shows how to do that.

Regards,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.
0
Jonathan
Top achievements
Rank 2
answered on 20 May 2009, 04:42 PM
Hi Miroslav

Thanks for this. This is, indeed, what I was looking to do. A pane that slides up from the bottom, but without the document root displaying. Another question, however: I can click and drag the top of the pane down to reduce the height of the pane, but I cannot click and drag it up to *increase* the height of the pane. And, if I click and drag down to reduce the height, it gets "stuck" at that height and can no longer be increased.

How can I set it so that it can be increased as well as decreased?

Thanks in advance, and thanks again for help so far

cheers

/jonathan
0
Miroslav Nedyalkov
Telerik team
answered on 21 May 2009, 03:10 PM
Hi Jonathan,

I noticed this problem while I was preparing the example, but unfortunately you cannot work it around easily. The problem is that the Docking control is designed to be the root of the application and the resize of all containers is restricted to the size of the Docking control. We will think about removing this restriction in the future.

Greetings,
Miroslav Nedyalkov
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.
Tags
Docking
Asked by
Jonathan
Top achievements
Rank 2
Answers by
Miroslav Nedyalkov
Telerik team
Jonathan
Top achievements
Rank 2
Share this question
or