Changing the scroll bar style

[hamish]

I am trying to change the style of the scroll bar on both the Pivot Grid and field list. At the moment when the mouse floats over the "Thumb" (that's the small part of the control you drag left or right or up and down), it turns a solid black which is not the behavior we want.
How can we change the back color of the "thumb" part of the scroll bar when the mouse flats over it.

Thanks

[Kalin]

Hi Hamish,

The default Style of the ScrollViewer can be found in the System.Windows.xaml file (located in the installation folder of the controls, Themes.Implicit folder). So what you would need to do would be to extract the default ControlTemplate for the ScrollViewer and modify it as needed. Please give it a try and if you face any issues - let us know. I'll also ask you to share which Theme are you using, so we can further assist you.

Hope this helps.

Regards,
Kalin
Telerik

 

 

[hamish]

Thank you for your reply and I would rather not alter these themes as it means I will have to keep them up to date for every new release. Is there not a way I can just apply a style to the repeat button (or thumb as we call it) on the scroll bar to avoid the mouse over effect. We currently use OFFICE2013 theme.

Look forward to your comments - thanks

[Kalin]

Hi Hamish,

I assume you meant VisualStudio2013 theme as the mouse over color of the scroll bar there is black. However I'm afraid that the only possible solutions here are to either extract and modify the ScrollViewer related Templates (ScrollBarVerticalControlTemplate, ScrollBarVerticalControlTemplate and the RepeatButtons Templates) or to change the theme MarkerBrush as explained here (however please note that will affect all the other controls in the application).

Hope this helps. If you have any other questions or concerns, please let us know.

Regards,
Kalin
Telerik