This is a migrated thread and some comments may be shown as answers.

scrollonly in the chart

6 Answers 87 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Anatoly Chekh
Top achievements
Rank 1
Anatoly Chekh asked on 28 Jul 2011, 02:41 PM
Hello

I have a question:
If I use ScrollOnly mode for the X axis I don't see thumb. If I use ScrollAndZoom - I see it.
How can I see thumb in ScrollOnly mode?

Thanks, Anatoly Chekh.

PS this happens only with Q2 Release.

6 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 02 Aug 2011, 03:55 PM
Hello Anatoly Chekh,
I verified the problem that you report and forwarded it to our developers. We will fix it as soon as possible. I updated your Telerik points for bringing the problem to our attention.

All the best,
Tsvetie
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

0
Mark
Top achievements
Rank 1
answered on 12 Aug 2011, 06:05 AM
Is there a work around or nightly build that can be used to fix this?
0
Anatoly Chekh
Top achievements
Rank 1
answered on 12 Aug 2011, 07:30 AM
We create owner template for this propose and it's work
0
Mark
Top achievements
Rank 1
answered on 12 Aug 2011, 07:39 AM
Anatoly

I'm not quite sure what you mean by owner template. Do you mean chart.DefaultView.ChartArea.Template?

Telerik Support - are you able to post a modified data template that fixes this?
0
Anatoly Chekh
Top achievements
Rank 1
answered on 12 Aug 2011, 09:01 AM
No, template only for axis:
radChart.DefaultView.ChartArea.AxisYStyle = radChart.Resources["CustomAxisYStyle"] as Style;
radChart.DefaultView.ChartArea.AxisXStyle = radChart.Resources["CustomAxisXStyle"] as Style;
 
            <SolidColorBrush x:Key="AxisTitleForeground" Color="#FF000000"/>
                    <SolidColorBrush x:Key="AxisStroke" Color="#FF000000"/>
                    <Style x:Key="AxisTitleBorderStyle" TargetType="Border">
                        <Setter Property="Margin" Value="0,5,0,0"/>
                        <Setter Property="CornerRadius" Value="2"/>
                    </Style>
                    <SolidColorBrush x:Key="PrimaryAxisXTitleBorderBrush" Color="Transparent"/>
                    <Thickness x:Key="PrimaryAxisXTitleBorderThickness">0</Thickness>
                    <SolidColorBrush x:Key="PrimaryAxisYTitleBorderBrush" Color="Transparent"/>
                    <Thickness x:Key="PrimaryAxisYTitleBorderThickness">0</Thickness>
                    <Style x:Key="AxisTitleInnerBorderStyle" TargetType="Border">
                        <Setter Property="CornerRadius" Value="1"/>
                    </Style>
                    <SolidColorBrush x:Key="PrimaryAxisXTitleInnerBorderBrush" Color="Transparent"/>
                    <SolidColorBrush x:Key="PrimaryAxisXTitleBorderBackground" Color="Transparent"/>
                    <SolidColorBrush x:Key="PrimaryAxisYTitleInnerBorderBrush" Color="Transparent"/>
                    <SolidColorBrush x:Key="PrimaryAxisYTitleBorderBackground" Color="Transparent"/>
                    <SolidColorBrush x:Key="SecondaryAxisXTitleBorderBrush" Color="Transparent"/>
                    <Thickness x:Key="SecondaryAxisXTitleBorderThickness">0</Thickness>
                    <SolidColorBrush x:Key="SecondaryAxisYTitleBorderBrush" Color="Transparent"/>
                    <Thickness x:Key="SecondaryAxisYTitleBorderThickness">0</Thickness>
                    <SolidColorBrush x:Key="SecondaryAxisXTitleInnerBorderBrush" Color="Transparent"/>
                    <SolidColorBrush x:Key="SecondaryAxisXTitleBorderBackground" Color="Transparent"/>
                    <SolidColorBrush x:Key="SecondaryAxisYTitleInnerBorderBrush" Color="Transparent"/>
                    <SolidColorBrush x:Key="SecondaryAxisYTitleBorderBackground" Color="Transparent"/>
                    <LinearGradientBrush x:Key="SliderHorizontal_Background" EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFF0F0F0" Offset="0.257"/>
                        <GradientStop Color="#FFBFBFBF" Offset="0"/>
                    </LinearGradientBrush>
                    <LinearGradientBrush x:Key="SliderVertical_Background" EndPoint="0.5,0" StartPoint="0.5,1">
                        <GradientStop Color="#FFF0F0F0" Offset="0.257"/>
                        <GradientStop Color="#FFBFBFBF" Offset="0"/>
                    </LinearGradientBrush>
                    <SolidColorBrush x:Key="Slider_OuterBorder" Color="#FF848484"/>
                    <Thickness x:Key="Slider_OuterBorder_BorderThickness">0,1</Thickness>
                    <SolidColorBrush x:Key="SliderThumb_Background" Color="Black"/>
                    <System:Double x:Key="SliderThumb_Height">9</System:Double>
                    <System:Double x:Key="SliderThumb_Width">5</System:Double>
                    <SolidColorBrush x:Key="SliderThumb_Shadow" Color="White"/>
                    <Style x:Key="ThumbStyle" TargetType="Thumb">
                        <Setter Property="Width" Value="10"/>
                        <Setter Property="IsTabStop" Value="True"/>
                        <Setter Property="BorderThickness" Value="0"/>
                        <Setter Property="BorderBrush" Value="Transparent"/>
                        <Setter Property="Background" Value="Transparent"/>
                        <Setter Property="Foreground" Value="{StaticResource SliderThumb_Background}"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="Thumb">
                                    <Grid>
                                        <Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
                                        <Path x:Name="Path" Data="M4,0 L5,0 5,9 4,9 z M2,0 L3,0 3,9 2,9 z M0,0 L1,0 1,9 0,9 z" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" Height="{StaticResource SliderThumb_Height}" Width="{StaticResource SliderThumb_Width}"/>
                                        <Path Data="M4,0 L5,0 5,9 4,9 z M2,0 L3,0 3,9 2,9 z M0,0 L1,0 1,9 0,9 z" Fill="{StaticResource SliderThumb_Shadow}" HorizontalAlignment="Center" Height="{StaticResource SliderThumb_Height}" RenderTransformOrigin="0.5,0.5" Width="{StaticResource SliderThumb_Width}">
                                            <Path.RenderTransform>
                                                <TranslateTransform X="1"/>
                                            </Path.RenderTransform>
                                        </Path>
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                    <System:Double x:Key="SliderRange_Height">9</System:Double>
                    <Thickness x:Key="SliderRangeMiddleThumb_BorderThickness">1</Thickness>
                    <LinearGradientBrush x:Key="SliderRangeMiddleThumb_BorderBrush" EndPoint="0,1" StartPoint="0,0">
                        <GradientStop Color="Black" Offset="0"/>
                        <GradientStop Color="Gray" Offset="1"/>
                    </LinearGradientBrush>
                    <LinearGradientBrush x:Key="SliderRangeMiddleThumb_Background" EndPoint="0,1" StartPoint="0,0">
                        <GradientStop Color="#FFFFBE32"/>
                        <GradientStop Color="White" Offset="1"/>
                    </LinearGradientBrush>
                    <CornerRadius x:Key="SliderRangeMiddleThumb_CornerRadius">0</CornerRadius>
                    <Style x:Key="SelectionMiddleThumbStyle" TargetType="Thumb">
                        <Setter Property="Height" Value="{StaticResource SliderRange_Height}"/>
                        <Setter Property="IsTabStop" Value="True"/>
                        <Setter Property="BorderThickness" Value="{StaticResource SliderRangeMiddleThumb_BorderThickness}"/>
                        <Setter Property="BorderBrush" Value="{StaticResource SliderRangeMiddleThumb_BorderBrush}"/>
                        <Setter Property="Background" Value="{StaticResource SliderRangeMiddleThumb_Background}"/>
                        <Setter Property="Cursor" Value="Hand"/>
                        <Setter Property="VerticalAlignment" Value="Stretch"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="Thumb">
                                    <Grid>
                                        <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{StaticResource SliderRangeMiddleThumb_CornerRadius}"/>
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                    <Style x:Key="TrackStyle" TargetType="ContentControl">
                        <Setter Property="IsTabStop" Value="False"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="ContentControl">
                                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                    <SolidColorBrush x:Key="SliderElement" Color="Black"/>
                    <SolidColorBrush x:Key="SliderHand_InnerBorder" Color="Transparent"/>
                    <CornerRadius x:Key="SliderHand_InnerBorder_CornerRadius">0</CornerRadius>
                    <CornerRadius x:Key="SliderHand_OuterBorder_CornerRadius">1</CornerRadius>
                    <SolidColorBrush x:Key="SliderElement_MouseOver" Color="#FF000000"/>
                    <SolidColorBrush x:Key="SliderHand_OuterBorder_MouseOver" Color="#FFFFC92B"/>
                    <LinearGradientBrush x:Key="SliderHand_Background_MouseOver" EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFFFFBA3" Offset="1"/>
                        <GradientStop Color="#FFFFFBDA" Offset="0"/>
                        <GradientStop Color="#FFFFD25A" Offset="0.43"/>
                        <GradientStop Color="#FFFEEBAE" Offset="0.42"/>
                    </LinearGradientBrush>
                    <SolidColorBrush x:Key="SliderHand_InnerBorder_MouseOver" Color="#FFFFFFFF"/>
                    <SolidColorBrush x:Key="SliderElement_Pressed" Color="#FF000000"/>
                    <LinearGradientBrush x:Key="SliderHand_OuterBorder_Pressed" EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF282828" Offset="0"/>
                        <GradientStop Color="#FF5F5F5F" Offset="1"/>
                    </LinearGradientBrush>
                    <LinearGradientBrush x:Key="SliderHand_Background_Pressed" EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFFFD74E" Offset="0.996"/>
                        <GradientStop Color="#FFFFDCAB" Offset="0.17"/>
                        <GradientStop Color="#FFFE9227" Offset="0.57"/>
                        <GradientStop Color="#FFFFD18F" Offset="0.56"/>
                        <GradientStop Color="#FFFFBA74" Offset="0"/>
                    </LinearGradientBrush>
                    <LinearGradientBrush x:Key="SliderHand_InnerBorder_Pressed" EndPoint="1,0.5" StartPoint="0,0.5">
                        <GradientStop Color="#FFB69A78"/>
                        <GradientStop Color="#FFFFE17A" Offset="0.126"/>
                    </LinearGradientBrush>
                    <ControlTemplate x:Key="HandleRepeatButton" TargetType="RepeatButton">
                        <Grid x:Name="Root">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="Path">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SliderElement_MouseOver}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="Border">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SliderHand_OuterBorder_MouseOver}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="Border">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SliderHand_Background_MouseOver}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="Border">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="InnerBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SliderHand_InnerBorder_MouseOver}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="Path">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SliderElement_Pressed}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="Border">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SliderHand_OuterBorder_Pressed}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="Border">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SliderHand_Background_Pressed}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="Border">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="1"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="InnerBorder">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource SliderHand_InnerBorder_Pressed}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{StaticResource SliderHand_OuterBorder_CornerRadius}">
                                <Border x:Name="InnerBorder" BorderBrush="{StaticResource SliderHand_InnerBorder}" BorderThickness="1" CornerRadius="{StaticResource SliderHand_InnerBorder_CornerRadius}"/>
                            </Border>
                            <Path x:Name="Path" Data="M3,0 L4,0 L4,1 L4,2 L4,3 L4,4 L4,5 L4,6 L4,7 L3,7 L3,6 L2,6 L2,5 L1,5 L1,4 L0,4 L0,3 L1,3 L1,2 L2,2 L2,1 L3,1 z" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" Height="7" RenderTransformOrigin="0.5,0.5" Stretch="Fill" VerticalAlignment="Center" Width="4"/>
                        </Grid>
                    </ControlTemplate>
                    <Thickness x:Key="SliderHand_OuterBorder_BorderThickness">0</Thickness>
                    <SolidColorBrush x:Key="SliderHand_OuterBorder" Color="Transparent"/>
                    <SolidColorBrush x:Key="SliderHand_Background" Color="Transparent"/>
                    <Style x:Key="DecreaseHandleStyle" TargetType="RepeatButton">
                        <Setter Property="Foreground" Value="{StaticResource SliderElement}"/>
                        <Setter Property="Width" Value="17"/>
                        <Setter Property="Height" Value="17"/>
                        <Setter Property="Cursor" Value="Hand"/>
                        <Setter Property="IsTabStop" Value="True"/>
                        <Setter Property="Margin" Value="0"/>
                        <Setter Property="Template" Value="{StaticResource HandleRepeatButton}"/>
                        <Setter Property="BorderThickness" Value="{StaticResource SliderHand_OuterBorder_BorderThickness}"/>
                        <Setter Property="BorderBrush" Value="{StaticResource SliderHand_OuterBorder}"/>
                        <Setter Property="Background" Value="{StaticResource SliderHand_Background}"/>
                    </Style>
                    <Style x:Key="IncreaseHandleStyle" BasedOn="{StaticResource DecreaseHandleStyle}" TargetType="RepeatButton">
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <ScaleTransform ScaleY=" 1" ScaleX=" -1"/>
                            </Setter.Value>
                        </Setter>
                    </Style>
                    <SolidColorBrush x:Key="Slider_InnerBorder" Color="Transparent"/>
                    <Thickness x:Key="Slider_InnerBorder_BorderThickness">0</Thickness>
                    <CornerRadius x:Key="Slider_InnerBorder_CornerRadius">0</CornerRadius>
                    <CornerRadius x:Key="Slider_OuterBorder_CornerRadius">0</CornerRadius>
                    <Style x:Key="LargeHandleStyle" TargetType="RepeatButton">
                        <Setter Property="IsTabStop" Value="False"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="RepeatButton">
                                    <Grid Background="Transparent"/>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                    <SolidColorBrush x:Key="SliderRange_OuterBorder" Color="#FF848484"/>
                    <Thickness x:Key="SliderRange_OuterBorder_BorderThickness">1</Thickness>
                    <SolidColorBrush x:Key="SliderRange_InnerBorder" Color="White"/>
                    <Thickness x:Key="SliderRange_InnerBorderThickness">1</Thickness>
                    <LinearGradientBrush x:Key="SliderRange_Background" EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="White"/>
                        <GradientStop Color="#FFD4D4D4" Offset="1"/>
                        <GradientStop Color="Gainsboro" Offset="0.42"/>
                        <GradientStop Color="#FFADADAD" Offset="0.43"/>
                    </LinearGradientBrush>
                    <CornerRadius x:Key="SliderRange_CornerRadius">0</CornerRadius>
                    <CornerRadius x:Key="SliderRange_OuterBorder_CornerRadius">0</CornerRadius>
                    <Style x:Key="CustomSlider" TargetType="telerik:RadSlider">
                        <Setter Property="HandlesVisibility" Value="Visible"/>
                        <Setter Property="IsMouseWheelEnabled" Value="False"/>
                        <Setter Property="IsSelectionRangeEnabled" Value="True"/>
                        <Setter Property="StepAction" Value="MoveRange"/>
                        <Setter Property="BorderBrush" Value="{StaticResource Slider_OuterBorder}"/>
                        <Setter Property="BorderThickness" Value="{StaticResource Slider_OuterBorder_BorderThickness}"/>
                        <Setter Property="ThumbStyle" Value="{StaticResource ThumbStyle}"/>
                        <Setter Property="SelectionMiddleThumbStyle" Value="{StaticResource SelectionMiddleThumbStyle}"/>
                        <Setter Property="TrackStyle" Value="{StaticResource TrackStyle}"/>
                        <Setter Property="IncreaseHandleStyle" Value="{StaticResource IncreaseHandleStyle}"/>
                        <Setter Property="DecreaseHandleStyle" Value="{StaticResource DecreaseHandleStyle}"/>
                        <Setter Property="IsTabStop" Value="False"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="telerik:RadSlider">
                                    <telerik:LayoutTransformControl x:Name="layoutControl" RenderTransformOrigin=".5 0">
                                        <telerik:LayoutTransformControl.LayoutTransform>
                                            <TransformGroup>
                                                <ScaleTransform/>
                                                <SkewTransform/>
                                                <RotateTransform/>
                                                <TranslateTransform/>
                                            </TransformGroup>
                                        </telerik:LayoutTransformControl.LayoutTransform>
                                        <VisualStateManager.VisualStateGroups>
                                            <VisualStateGroup x:Name="OrientationStates">
                                                <VisualState x:Name="Horizontal">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="LayoutTransform" Storyboard.TargetName="layoutControl">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <RotateTransform Angle="0"/>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </VisualState>
                                                <VisualState x:Name="Vertical">
                                                    <Storyboard>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="LayoutTransform" Storyboard.TargetName="layoutControl">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <RotateTransform Angle="-90"/>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Cursor)" Storyboard.TargetName="RangeStartThumb">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Cursor>SizeNS</Cursor>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Cursor)" Storyboard.TargetName="RangeEndThumb">
                                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                                <DiscreteObjectKeyFrame.Value>
                                                                    <Cursor>SizeNS</Cursor>
                                                                </DiscreteObjectKeyFrame.Value>
                                                            </DiscreteObjectKeyFrame>
                                                        </ObjectAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </VisualState>
                                            </VisualStateGroup>
                                        </VisualStateManager.VisualStateGroups>
                                        <Grid>
                                            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{StaticResource Slider_OuterBorder_CornerRadius}">
                                                <Border BorderBrush="{StaticResource Slider_InnerBorder}" BorderThickness="{StaticResource Slider_InnerBorder_BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{StaticResource Slider_InnerBorder_CornerRadius}"/>
                                            </Border>
                                            <Grid UseLayoutRounding="True">
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="Auto"/>
                                                    <ColumnDefinition Width="Auto"/>
                                                    <ColumnDefinition Width="Auto"/>
                                                    <ColumnDefinition Width="*"/>
                                                    <ColumnDefinition Width="Auto"/>
                                                </Grid.ColumnDefinitions>
                                                <ContentControl x:Name="Track" Grid.ColumnSpan="3" Grid.Column="1" Style="{TemplateBinding TrackStyle}"/>
                                                <RepeatButton x:Name="DecreaseButton" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Style="{TemplateBinding DecreaseHandleStyle}" Visibility="{TemplateBinding HandlesVisibility}"/>
                                                <RepeatButton x:Name="LargeDecreaseButton" Grid.Column="1" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Style="{StaticResource LargeHandleStyle}"/>
                                                <Grid Grid.Column="2" Visibility="Visible">
                                                    <Border BorderBrush="{StaticResource SliderRange_OuterBorder}" BorderThickness="{StaticResource SliderRange_OuterBorder_BorderThickness}" CornerRadius="{StaticResource SliderRange_OuterBorder_CornerRadius}">
                                                        <Border BorderBrush="{StaticResource SliderRange_InnerBorder}" BorderThickness="{StaticResource SliderRange_InnerBorderThickness}" Background="{StaticResource SliderRange_Background}" CornerRadius="{StaticResource SliderRange_CornerRadius}"/>
                                                    </Border>
                                                    <Thumb x:Name="SingleThumbHost" Style="{TemplateBinding ThumbStyle}" Visibility="Collapsed"/>
                                                    <StackPanel x:Name="RangeThumbsPanel" Orientation="Horizontal">
                                                        <Thumb x:Name="RangeStartThumb" Cursor="SizeWE" Style="{TemplateBinding ThumbStyle}" Visibility="{TemplateBinding ThumbVisibility}" />
                                                        <Thumb x:Name="RangeMiddleThumb" Style="{TemplateBinding SelectionMiddleThumbStyle}"/>
                                                        <Thumb x:Name="RangeEndThumb" Cursor="SizeWE" Style="{TemplateBinding ThumbStyle}" Visibility="{TemplateBinding ThumbVisibility}" />
                                                    </StackPanel>
                                                </Grid>
                                                <RepeatButton x:Name="LargeIncreaseButton" Grid.Column="3" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Style="{StaticResource LargeHandleStyle}"/>
                                                <RepeatButton x:Name="IncreaseButton" Grid.Column="4" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Grid.Row="1" RenderTransformOrigin="0.5,0.5" Style="{TemplateBinding IncreaseHandleStyle}" Visibility="{TemplateBinding HandlesVisibility}"/>
                                            </Grid>
                                        </Grid>
                                    </telerik:LayoutTransformControl>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                    <telerik:ThumbVisibilityConverter x:Key="thumbVisibilityConverter" />
                    <telerik:ScrollModeToVisibilityConverter x:Key="scrollModeToVisibilityConverter" />
                    <Style x:Key="CustomAxisXStyle" TargetType="telerik:AxisX2D">
                        <Setter Property="Foreground" Value="{StaticResource AxisTitleForeground}"/>
                        <Setter Property="AxisLineStyle">
                            <Setter.Value>
                                <Style TargetType="Line">
                                    <Setter Property="Stroke" Value="{StaticResource AxisStroke}"/>
                                    <Setter Property="StrokeThickness" Value="1"/>
                                </Style>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="PrimaryAxisTitleStyle">
                            <Setter.Value>
                                <Style TargetType="telerik:AxisTitle">
                                    <Setter Property="BorderStyle">
                                        <Setter.Value>
                                            <Style BasedOn="{StaticResource AxisTitleBorderStyle}" TargetType="Border">
                                                <Setter Property="BorderBrush" Value="{StaticResource PrimaryAxisXTitleBorderBrush}"/>
                                                <Setter Property="BorderThickness" Value="{StaticResource PrimaryAxisXTitleBorderThickness}"/>
                                            </Style>
                                        </Setter.Value>
                                    </Setter>
                                    <Setter Property="InnerBorderStyle">
                                        <Setter.Value>
                                            <Style BasedOn="{StaticResource AxisTitleInnerBorderStyle}" TargetType="Border">
                                                <Setter Property="BorderBrush" Value="{StaticResource PrimaryAxisXTitleInnerBorderBrush}"/>
                                                <Setter Property="BorderThickness" Value="{StaticResource PrimaryAxisXTitleBorderThickness}"/>
                                                <Setter Property="Background" Value="{StaticResource PrimaryAxisXTitleBorderBackground}"/>
                                            </Style>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="SecondaryAxisTitleStyle">
                            <Setter.Value>
                                <Style TargetType="telerik:AxisTitle">
                                    <Setter Property="BorderStyle">
                                        <Setter.Value>
                                            <Style BasedOn="{StaticResource AxisTitleBorderStyle}" TargetType="Border">
                                                <Setter Property="BorderBrush" Value="{StaticResource SecondaryAxisXTitleBorderBrush}"/>
                                                <Setter Property="BorderThickness" Value="{StaticResource SecondaryAxisXTitleBorderThickness}"/>
                                            </Style>
                                        </Setter.Value>
                                    </Setter>
                                    <Setter Property="InnerBorderStyle">
                                        <Setter.Value>
                                            <Style BasedOn="{StaticResource AxisTitleInnerBorderStyle}" TargetType="Border">
                                                <Setter Property="BorderBrush" Value="{StaticResource SecondaryAxisXTitleInnerBorderBrush}"/>
                                                <Setter Property="BorderThickness" Value="{StaticResource SecondaryAxisXTitleBorderThickness}"/>
                                                <Setter Property="Background" Value="{StaticResource SecondaryAxisXTitleBorderBackground}"/>
                                            </Style>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="telerik:AxisX2D">
                                    <Grid Margin="{TemplateBinding Margin}">
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="auto"/>
                                            <RowDefinition Height="auto"/>
                                            <RowDefinition Height="auto"/>
                                            <RowDefinition Height="auto"/>
                                            <RowDefinition Height="auto"/>
                                        </Grid.RowDefinitions>
                                        <telerik:RadSlider x:Name="PART_AxisSlider" Background="{StaticResource SliderHorizontal_Background}" IsDeferredDraggingEnabled="true" Maximum="1" MinimumRangeSpan="{Binding MinZoomRange}" Minimum="0" Grid.Row="{TemplateBinding SliderPosition}" Style="{StaticResource CustomSlider}" ThumbVisibility="{Binding ScrollMode, Converter={StaticResource thumbVisibilityConverter}}" Visibility="{Binding ScrollMode, Converter={StaticResource scrollModeToVisibilityConverter}}" />
                                        <Line x:Name="PART_AxisLine" Grid.Row="{TemplateBinding InnerPosition}" Style="{TemplateBinding AxisLineStyle}" VerticalAlignment="{TemplateBinding AxisLineAlignment}"/>
                                        <ItemsPresenter Grid.Row="{TemplateBinding InnerPosition}" Visibility="{TemplateBinding AxisTicksVisibility}"/>
                                        <telerik:VerticalMinorTicks2D x:Name="PART_MinorTickPoints" Grid.Row="{TemplateBinding InnerPosition}" Visibility="{TemplateBinding AxisMinorTicksVisibility}" VerticalAlignment="{TemplateBinding AxisLineAlignment}"/>
                                        <telerik:HorizontalAxisLabels2D x:Name="PART_AxisLabels" Grid.Row="2" Visibility="{TemplateBinding AxisLabelsVisibility}"/>
                                        <telerik:LayoutTransformControl HorizontalAlignment="Stretch" Grid.Row="{TemplateBinding OuterPosition}" VerticalAlignment="Stretch">
                                            <telerik:AxisTitle x:Name="PART_AxisTitle" Style="{TemplateBinding AxisTitleStyle}" Visibility="{TemplateBinding AxisTitleVisibility}"/>
                                        </telerik:LayoutTransformControl>
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="ItemsPanel">
                            <Setter.Value>
                                <ItemsPanelTemplate>
                                    <telerik:AxisXPanel/>
                                </ItemsPanelTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
 
                    <Style x:Key="CustomAxisYStyle" TargetType="telerik:AxisY2D">
                        <Setter Property="Foreground" Value="{StaticResource AxisTitleForeground}"/>
                        <Setter Property="AxisLineStyle">
                            <Setter.Value>
                                <Style TargetType="Line">
                                    <Setter Property="Stroke" Value="{StaticResource AxisStroke}"/>
                                    <Setter Property="StrokeThickness" Value="1"/>
                                </Style>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="PrimaryAxisTitleStyle">
                            <Setter.Value>
                                <Style TargetType="telerik:AxisTitle">
                                    <Setter Property="BorderStyle">
                                        <Setter.Value>
                                            <Style BasedOn="{StaticResource AxisTitleBorderStyle}" TargetType="Border">
                                                <Setter Property="BorderBrush" Value="{StaticResource PrimaryAxisYTitleBorderBrush}"/>
                                                <Setter Property="BorderThickness" Value="{StaticResource PrimaryAxisYTitleBorderThickness}"/>
                                            </Style>
                                        </Setter.Value>
                                    </Setter>
                                    <Setter Property="InnerBorderStyle">
                                        <Setter.Value>
                                            <Style BasedOn="{StaticResource AxisTitleInnerBorderStyle}" TargetType="Border">
                                                <Setter Property="BorderBrush" Value="{StaticResource PrimaryAxisYTitleInnerBorderBrush}"/>
                                                <Setter Property="BorderThickness" Value="{StaticResource PrimaryAxisYTitleBorderThickness}"/>
                                                <Setter Property="Background" Value="{StaticResource PrimaryAxisYTitleBorderBackground}"/>
                                            </Style>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="SecondaryAxisTitleStyle">
                            <Setter.Value>
                                <Style TargetType="telerik:AxisTitle">
                                    <Setter Property="BorderStyle">
                                        <Setter.Value>
                                            <Style BasedOn="{StaticResource AxisTitleBorderStyle}" TargetType="Border">
                                                <Setter Property="BorderBrush" Value="{StaticResource SecondaryAxisYTitleBorderBrush}"/>
                                                <Setter Property="BorderThickness" Value="{StaticResource SecondaryAxisYTitleBorderThickness}"/>
                                            </Style>
                                        </Setter.Value>
                                    </Setter>
                                    <Setter Property="InnerBorderStyle">
                                        <Setter.Value>
                                            <Style BasedOn="{StaticResource AxisTitleInnerBorderStyle}" TargetType="Border">
                                                <Setter Property="BorderBrush" Value="{StaticResource SecondaryAxisYTitleInnerBorderBrush}"/>
                                                <Setter Property="BorderThickness" Value="{StaticResource SecondaryAxisYTitleBorderThickness}"/>
                                                <Setter Property="Background" Value="{StaticResource SecondaryAxisYTitleBorderBackground}"/>
                                            </Style>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="telerik:AxisY2D">
                                    <Grid Margin="{TemplateBinding Margin}">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="auto"/>
                                            <ColumnDefinition Width="auto"/>
                                            <ColumnDefinition Width="auto"/>
                                            <ColumnDefinition Width="auto"/>
                                            <ColumnDefinition Width="auto"/>
                                        </Grid.ColumnDefinitions>
                                        <telerik:LayoutTransformControl Grid.Column="{TemplateBinding OuterPosition}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                                            <telerik:LayoutTransformControl.LayoutTransform>
                                                <RotateTransform Angle="-90"/>
                                            </telerik:LayoutTransformControl.LayoutTransform>
                                            <telerik:AxisTitle x:Name="PART_AxisTitle" Style="{TemplateBinding AxisTitleStyle}" Visibility="{TemplateBinding AxisTitleVisibility}"/>
                                        </telerik:LayoutTransformControl>
                                        <Line x:Name="PART_AxisLine" Grid.Column="{TemplateBinding InnerPosition}" HorizontalAlignment="{TemplateBinding AxisLineAlignment}" Style="{TemplateBinding AxisLineStyle}"/>
                                        <telerik:RadSlider x:Name="PART_AxisSlider" Background="{StaticResource SliderVertical_Background}" Grid.Column="{TemplateBinding SliderPosition}" IsDeferredDraggingEnabled="true" LargeChange="0.1" Maximum="1" Minimum="0" Orientation="Vertical" Style="{StaticResource CustomSlider}" SmallChange="0.01" ThumbVisibility="{Binding ScrollMode, Converter={StaticResource thumbVisibilityConverter}}" Visibility="{Binding ScrollMode, Converter={StaticResource scrollModeToVisibilityConverter}}"/>
                                        <telerik:VerticalAxisLabels2D x:Name="PART_AxisLabels" Grid.Column="2" Visibility="{TemplateBinding AxisLabelsVisibility}"/>
                                        <ItemsPresenter Grid.Column="{TemplateBinding InnerPosition}" Visibility="{TemplateBinding AxisTicksVisibility}"/>
                                        <telerik:HorizontalMinorTicks2D x:Name="PART_MinorTickPoints" Grid.Column="{TemplateBinding InnerPosition}" HorizontalAlignment="{TemplateBinding AxisLineAlignment}" Visibility="{TemplateBinding AxisMinorTicksVisibility}"/>
                                    </Grid>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="ItemsPanel">
                            <Setter.Value>
                                <ItemsPanelTemplate>
                                    <telerik:AxisYPanel/>
                                </ItemsPanelTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
0
Mark
Top achievements
Rank 1
answered on 15 Aug 2011, 01:28 AM
Thanks a bunch!

Fixed it for me
Tags
Chart
Asked by
Anatoly Chekh
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Mark
Top achievements
Rank 1
Anatoly Chekh
Top achievements
Rank 1
Share this question
or