Thanks for the provided code snippet. I investigated it and can confirm that the style does not apply properly.
Let me first explain that the RadDocking's visual structure
has the so-called 'docked' panes
- all these panes that are hosted inside the control. They have five possible docking positions - Left, Top, Right, Bottom and Tabbed document (here the docked RadPane will be inserted as a new tab page). Another key point for their layout position and visual representation here is whether they are pinned or unpinned
. Depending on these docking positions and whether the panes are pinned/unpinned, the RadPaneStyle uses one of the following templates - BottomTemplate, RightTemplate, TopTemplate, LeftTemplate
. This means that the desired changes should be applied to all these templates in order to achieve design consistency for all RadPane states.
Your approach is actually a correct one, yet it needs a little polishing and the desired behavior will be accomplished.
You only need to extract the RadPane's desired ControlTemplate and change the colors of the SelectedVisual
Border, which will be shown in a VisualState when the pane becomes selected.
On a side note, attempting to set a hex color string in a DiscreteObjectKeyFrame will result to an error with sample message '#202020' is not a valid value for property 'Foreground':
Instead, a Brush is expected as a Value for this DiscreteObjectKeyFrame.
For your convenience, I have prepared a sample project that has two RadDocking controls:
- the one on the left uses the Style you provided with the modified and added properties with some guiding comments;
- the one on the right side only changes the Background and BorderBrush properties of the SelectedVisual border;
I also wanted to mention that it looks like you have actually extracted the default RadPaneStyle for the VisualStudio2013 theme. That's why the project I prepared uses this theme and the Implicit Styles mechanism
Please, find this project attached to my reply, try it out and let me know if any further assistance from my side is needed.
I'll be happy to help.
Get quickly onboarded and successful
with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.