zoom and scroll bar style

2 posts, 0 answers
  1. Senthilkumar
    Senthilkumar avatar
    5 posts
    Member since:
    Oct 2012

    Posted 09 Apr 2013 Link to this post

    I need zoom and scroll bar style like in second image. I marked existing style in top image and i am expecting styles like in bottom image. Please give me the solution
  2. Evgenia
    Evgenia avatar
    1396 posts

    Posted 12 Apr 2013 Link to this post


     I believe that the Chart's Slider in Expression_Dark theme is most close to your requirements - see that image attached. What is left for you to modify is the Background of the RadSlider which you may set to #FF808080. For the BorderBrush and Background of the SelectionMiddleThumb to get modified, you should copy the default Slider style from your local installation folder (RadControls_for_Silverlight5_2013_1_0403_Trial\Themes\ExpressionDark\Themes\Expression\Dark\Charting) and do the modifications.
    Then set the new modified style to the chart via our ChildrenOfType() extension method:

    this.Chart.DefaultView.ChartArea.FindChildByType<RadSlider>().Style = this.Resources["slider"] as Style;

    All the best,
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft R3 2016 release webinar banner
Back to Top