Hi,

Perhaps the easiest way to do that is to add both the pinned and unpinned drawings to the template, and bind either the Opacity or Visibility property for one of them to a custom bool 'Pinned' property of the node class. To bind double or enum to boolean, you will have to specify an IValueConverter in the binding expression. The Pinned property setter would also set LayoutTraits[Frozen] if it's a CLR property, or do that from the OnChanged callback if it's a dependency property.

Another possibility is to define a visual state group with two states - Pinned and Unpinned - and call VisualStateManager.GoToState from the property setter or change callback. Then you could set a different Path or Canvas as content of the pin-button container depending on the current state, by adding ObjectAnimationUsingKeyFrames to the VisualStateManager storyboard.

Yet another possibility is to get a reference to the Canvas from an OnApplyTemplate override, and dynamically change the canvas content when the Pinned property changes...

I hope that helps,
Stoyan

Hello Stoyan,

I followed your advice and implemented a dependency property. It took me a while to understand how to do it right, but now it works great and does exactly what I wanted it to do.
Thanks a lot