Style the Zoom and Scroll bars (ZoomScrollSettings properties) of the ChartArea

[De]

I wanted to style the scroll bars of the Zooming and Scrolling feature (through ZoomScrollSettings properties) of the RadChart.DefaultView.  After hunting around, I can't extract the zooming and scrolling styles from Expression Blend.  My questions are:
1) Is there a styling property for the zooming and scrolling bars?
2) Can someone post an example of the style of zooming and scrolling bars?
3) How can you extract from Blend?

Thanks in advance,
-De Tran

[Evgenia]

Hi De Tran,

1) If you need a small modification for the PanZoomBar control (the one responsible for Zooming and Scrolling feature) than you may do the needed modifications via Style set in RadCartesianChart.Resources like this:

<telerik:RadCartesianChart.Resources>
               <Style TargetType="telerik:PanZoomBar">
                   <Setter Property="Width" Value="40"/>
                   <Setter Property="Height" Value="40"/>
                   <Setter Property="BorderBrush" Value="Red"/>
                   <Setter Property="BorderThickness" Value="2"/>
               </Style>
</telerik:RadCartesianChart.Resources>

2) For any more complicated styling scenarios it will be most appropriate if you use our implicit style mechanism to modify the default PanZoomBar style. Please follow this article for the purpose. you may do the changes to the default thumbs and(or) repeat buttons directly in the Telerik.Windows.Controls.Chart.xaml file in your project. I attached sample that demonstrates what I mean. Give it a try and let me know if you need further assistance with it.

3) As for the Blend - in fact I should admit that it won't help you discover the default style of the PanZoombar, however you can easily do so by following the approach I wrote you about in 2)

Kind regards,
Evgenia
the Telerik team