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

2 posts, 0 answers
  1. De
    De avatar
    16 posts
    Member since:
    Aug 2011

    Posted 20 Feb 2013 Link to this post

    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
  2. Evgenia
    Admin
    Evgenia avatar
    1407 posts

    Posted 25 Feb 2013 Link to this post

    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

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft banner
Back to Top