Customizing AutoHideArea and Tab

[Barry]

See attached image.

I am using most of RadDocking right out of the box, but have Themed the RadDocking and RadPaneGroup to Office_Blue in XAML using:

<Style TargetType="telerik:RadDocking">
        <Setter Property="telerik:StyleManager.Theme" Value="Office_Blue" />
    </Style>
    <Style TargetType="telerik:RadPaneGroup">
        <Setter Property="telerik:StyleManager.Theme" Value="Office_Blue" />
    </Style>

However, the AutoHideArea is wider than it needs to be and looks bloated and I would like to customize the "Toolbox" tab to be vertically longer.  I have searched and searched for info on how to do this but have come up empty.

Any help would be appreciated.

[Masha]

Hello Barry,

If you wish to customize the auto-hide area style, you can do that by generating the style for RadDocking in Expression Blend. Once you have done that, you will be able to find the LeftAutoHideArea in the "Objects and Timeline" pane. You can generate the style for that auto-hide area in order to apply your customizations.

To make "Toolbox" tab to be vertically longer you need to set Height Property of RadPane or put some margins on it.

Hope this helps.


Kind regards,
Maria
the Telerik team

[Spurk]

Maria,

How would one go about customizing the look of the 'toolbox tab' in the auto-hide area?

[Masha]

Hi Sheldon,

The tab you wish to customize is actually the RadPane control in RadDocking. You can edit the RadPaneStyle to apply any customizations. Keep in mind you should change all of the four control template inside RadPaneStyle to reflect changes everywhere.

Hope it helps.

All the best,
Maria
the Telerik team