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

Template for Docking Panel when unpinned and collapsed.

1 Answer 90 Views
This is a migrated thread and some comments may be shown as answers.
Meik Schuetz
Top achievements
Rank 1
Meik Schuetz asked on 12 May 2010, 12:03 AM
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

1 Answer, 1 is accepted

Sort by
Telerik team
answered on 14 May 2010, 09:34 AM
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}"/>
        <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"/>

Sincerely yours,
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.
Asked by
Meik Schuetz
Top achievements
Rank 1
Answers by
Telerik team
Share this question