styling pin unpin icons

[Todd Millett]

I was trying to change the icons associated with the pin and the unpin icons : i made the following changes to the paths in PaneHeader_PinButtonStyle : 

<Path x:Name="BackgroundIcon" Data="M 6,0 L 0,3 L 6,6 Z" Height="10" Margin="0 2 0 0" Stroke="{StaticResource ButtonIconBackground_Normal}" StrokeThickness="1" Width="7"/>
<Path x:Name="ForegroundIcon" Data="M 6,0 L 0,3 L 6,6 Z" Height="10" Margin="0 1 0 1" Stroke="{StaticResource ButtonIconForeground_Normal}" StrokeThickness="1" Width="7"/>

and following change to the paths PaneHeader_UnPinButtonStyle : 

<Path x:Name="BackgroundIcon" Data="M 0,0 L 6,3 L 0,6 Z" Height="10" Margin="0 2 0 0" Stroke="{StaticResource ButtonIconBackground_Normal}" StrokeThickness="1" Width="7"/>
<Path x:Name="ForegroundIcon" Data="M 0,0 L 6,3 L 0,6 Z" Height="10" Margin="0 1 0 1" Stroke="{StaticResource ButtonIconForeground_Normal}" StrokeThickness="1" Width="7"/>

I was able to see the change for the PaneHeader_PinButtonStyle, but for the PaneHeader_UnPinButtonStyle, when i mouse over the unpinned pane, the pane rolls out and i still see the old unpinned icon.

Am i missing anything?

[Dani]

Hi Todd,

The UnPin button which you wish to style is in the AutoHideArea template (note that there are four such templates - AutoHideAreaLeftTemplate, AutoHideAreaRightTemplate, AutoHideAreaTopTemplate, AutoHideAreaBottomTemplate ).

You can either generate the whole template of RadDocking in Blend and drill down to the PaneHeader_UnPinButtonStyle in the left auto hide area, or you can use the attached sample. The example uses an implicit style for the left auto hide area, without including all the xaml for the rest of the auto hide areas or the RadDocking style itself.

However, note that to keep your PaneHeader_PinButtonStyle, you will need to keep your existing customizations.

Best wishes,
Dani
the Telerik team

[mirang]

The above code gives some problem with the latest telerik silverlight version. Can you please sent an updated sample, also cant we directly change the autohidearea template using expression blend. There is not way to template these autohideareas.

[mirang]

I was able to get it working with the new version. But the problem is now, even if i set telerik:AnimationManager.IsAnimation = false, the animation is not disappearing. Is there anything specific i need to do about the same ?

[Konstantina]

Hello Mirang,

In order to remove the animation you need also to set the AnimationSelector to null:

<telerikDock:RadDockingtelerik:AnimationManager.AnimationSelector="{x:Null}"telerik:AnimationManager.IsAnimationEnabled="False">
...
</telerikDock>

Hope this helps.

Best wishes,
Konstantina
the Telerik team

[mirang]

That did solve the problem. Thanks