Template for Docking Panel when unpinned and collapsed.

2 posts, 0 answers
  1. Meik Schuetz
    Meik Schuetz avatar
    9 posts
    Member since:
    May 2010

    Posted 11 May 2010 Link to this post

    Dear Sirs,
    I'd like to customize the title minature panel when a panel is minimized. By default, the panel is minimized to a tab-like ui element which can be clicked to slide in the view. I'd like to customize this panel in a way that it takes the whole horizontal space without displaying anything, to allow a Windows-Taskbar-Autohide effect (the panel is shown whenever the user moves the mouse to the bottom of the screen). 

    What I can't seem to find is the correct template to customize to get to this behaviour.
    Thanks for any hint you can give me.

    Best regards
    Meik.
  2. Pana
    Admin
    Pana avatar
    748 posts

    Posted 14 May 2010 Link to this post

    Hello Meik Schuetz,

    I think you will need to edit the autohide area in the RadDocking's template. You can add somewhat attached behavior that will set the width and height to somewhat small by default and on mouse over. Also set the values to Auto on mouse over.

    This is not a frequently asked feature so we don't have examples. Can you give it a try and if you have problems we will be here to help.

    If you add RadDocking in Blend right-click it and edit a copy of it's template you will find the ControlTemplate:

    <ControlTemplate TargetType="telerik:RadDocking">
        <Grid x:Name="Root">
            <Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}">
                <telerik:RadDockPanel x:Name="RootDockPanel">
                    <telerik:AutoHideArea x:Name="LeftAutoHide" BackgroundVisibility="Collapsed" telerik:RadDockPanel.Dock="Left" telerik:StyleManager.Theme="{StaticResource Theme}" TabOrientation="Vertical" TabStripPlacement="Left"/>
                    <telerik:AutoHideArea x:Name="RightAutoHide" BackgroundVisibility="Collapsed" telerik:RadDockPanel.Dock="Right" telerik:StyleManager.Theme="{StaticResource Theme}" TabOrientation="Vertical" TabStripPlacement="Right"/>
                    <telerik:AutoHideArea x:Name="TopAutoHide" BackgroundVisibility="Collapsed" telerik:RadDockPanel.Dock="Top" telerik:StyleManager.Theme="{StaticResource Theme}" TabStripPlacement="Top"/>
                    <telerik:AutoHideArea x:Name="BottomAutoHide" BackgroundVisibility="Collapsed" telerik:RadDockPanel.Dock="Bottom" telerik:StyleManager.Theme="{StaticResource Theme}" TabStripPlacement="Bottom"/>
                    <telerik:DockingPanel x:Name="ContentDockPanel" Background="{TemplateBinding Background}">
                        <telerik:DocumentHost x:Name="DocumentHost" telerik:StyleManager.Theme="{StaticResource Theme}"/>
                    </telerik:DockingPanel>
                </telerik:RadDockPanel>
            </Border>
            <Canvas x:Name="PopupPanel">
                <telerik:VisualCue x:Name="PART_DragCue" Style="{TemplateBinding VisualCueStyle}" telerik:StyleManager.Theme="{StaticResource Theme}" Canvas.ZIndex="999997"/>
                <telerik:Compass x:Name="PART_Compass" Style="{TemplateBinding CompassStyle}" telerik:StyleManager.Theme="{StaticResource Theme}" Visibility="Collapsed" Canvas.ZIndex="999998"/>
                <telerik:RootCompass x:Name="PART_RootCompass" Style="{TemplateBinding RootCompassStyle}" telerik:StyleManager.Theme="{StaticResource Theme}" Visibility="Collapsed" Canvas.ZIndex="999999"/>
            </Canvas>
        </Grid>
    </ControlTemplate>


    Sincerely yours,
    Panayot
    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.
Back to Top