Dock Panel that doesn't obscure area behind it

4 posts, 0 answers
  1. Jonathan
    Jonathan avatar
    15 posts
    Member since:
    Jul 2012

    Posted 15 May 2009 Link to this post

    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> 
  2. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 16 May 2009 Link to this post

    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.
  3. Jonathan
    Jonathan avatar
    15 posts
    Member since:
    Jul 2012

    Posted 20 May 2009 Link to this post

    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
  4. Miroslav Nedyalkov
    Admin
    Miroslav Nedyalkov avatar
    1718 posts

    Posted 21 May 2009 Link to this post

    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.
Back to Top