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

RadSlider - Ticks are not displayed properly and Thumbs are cut off at end of slider bar...

2 Answers 324 Views

Slider

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

This question is locked. New answers and comments are not allowed.

Rob asked on 02 Aug 2011, 02:00 PM

radsliderproblem.png

Take a look at the attached image of these two RadSlider's. Notice that the tick marks are incorrect in both sliders (it looks like they stop at 0) and the rightmost edge of the right thumb is cutoff for the first slider (something to do with the maximum value apparently).

Here is a copy of my code to generate this issue:

<StackPanel Grid.Row="0" Grid.Column="2" Background="White">

<Border Padding="10" Background="Goldenrod">

<telerik:RadSlider x:Name="sld6" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="100" SelectionStart="-25" SelectionEnd="-1" TickFrequency="25" TickPlacement="TopLeft" />

</Border>

<Border Padding="10" Background="PaleGoldenrod">

<telerik:RadSlider x:Name="sld7" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="101" SelectionStart="-25" SelectionEnd="-1" TickFrequency="25" TickPlacement="TopLeft" />

</Border>

</StackPanel>

2 Answers, 1 is accepted

answered on 02 Aug 2011, 04:31 PM

radsliderproblem2.png

More comments on this issue...

It seems like the overal width of the control is somehow involved in drawing the rightmost thumb - perhaps some division which results in a half pixel that gets rounded incorrectly...

Please see my attached picture and code to replicate this problem below.

<UserControl

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

x:Class="SilverlightApplication226.MainPage"

Width="Auto" Height="Auto">

<UserControl.Resources>

<Style x:Key="RadSliderStyle1" TargetType="telerik:RadSlider">

<Setter Property="Background">

<Setter.Value>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFD56365" Offset="0"/>

<GradientStop Color="#FFE5696B" Offset="0.13"/>

<GradientStop Color="#FFDC595B" Offset="0.339"/>

<GradientStop Color="#FFC7191D" Offset="0.6"/>

<GradientStop Color="#FFC1161A" Offset="0.665"/>

<GradientStop Color="#FF9E090D" Offset="0.917"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="Foreground">

<Setter.Value>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FF66C85D" Offset="0"/>

<GradientStop Color="#FF69D362" Offset="0.13"/>

<GradientStop Color="#FF58CF51" Offset="0.339"/>

<GradientStop Color="#FF0DAF03" Offset="0.6"/>

<GradientStop Color="#FF0EAE04" Offset="0.665"/>

<GradientStop Color="#FF158E0F" Offset="0.917"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="IsTabStop" Value="False"/>

<Setter Property="BorderBrush" Value="Transparent"/>

<Setter Property="TickTemplate">

<Setter.Value>

<DataTemplate>

<Rectangle Fill="#FF000000" Height="5" ToolTipService.ToolTip="{Binding}" Width="1"/>

</DataTemplate>

</Setter.Value>

</Setter>

<Setter Property="ThumbStyle">

<Setter.Value>

<Style TargetType="Thumb">

<Setter Property="Width" Value="20"/>

<Setter Property="Height" Value="18" />

<Setter Property="IsTabStop" Value="True"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="Thumb">

<Grid x:Name="root" Background="Transparent" Cursor="Hand">

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Normal"/>

<VisualState x:Name="MouseOver">

<Storyboard>

<DoubleAnimation Storyboard.TargetName="path_Inner" Storyboard.TargetProperty="Opacity" Duration="0:0:0.1" To="0.75" />

</Storyboard>

</VisualState>

<VisualState x:Name="Pressed" />

<VisualState x:Name="Disabled">

<Storyboard>

<DoubleAnimation Storyboard.TargetName="root" Storyboard.TargetProperty="Opacity" Duration="0" To="0.55" />

</Storyboard>

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="FocusStates">

<VisualState x:Name="Focused" />

<VisualState x:Name="Unfocused"/>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Grid.RowDefinitions>

<RowDefinition Height="1*" />

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="1*" />

</Grid.ColumnDefinitions>

<Rectangle Grid.Row="0" Grid.Column="0" Fill="{TemplateBinding Background}" Margin="0,9,0,0" />

<Rectangle Grid.Row="0" Grid.Column="1" Fill="{TemplateBinding Foreground}" Margin="0,9,0,0" />

<Path x:Name="path_Outer" Grid.Row="0" Grid.RowSpan="1" Grid.Column="0" Grid.ColumnSpan="2" Stretch="Fill" Data="M0,0 L2,0 L2,1 L1,2 L0,1 z" Stroke="#FF799FBF" Fill="#FF1985DD" />

<Path x:Name="path_Inner" Grid.Row="0" Grid.RowSpan="1" Grid.Column="0" Grid.ColumnSpan="2" Stretch="Fill" Data="M0,0 L2,0 L2,1 L1,2 L0,1 z" Stroke="#FFFFFFFF" Margin="1">

<Path.Fill>

<RadialGradientBrush RadiusX="1.5" RadiusY="1.5" Center="0.5,0.5" GradientOrigin="0.5,0.5">

<GradientStop Color="#FFC9DBF0" Offset="0"/>

<GradientStop Color="#FF799FBF" Offset="1"/>

</RadialGradientBrush>

</Path.Fill>

</Path>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Setter.Value>

</Setter>

<Setter Property="SelectionMiddleThumbStyle">

<Setter.Value>

<Style TargetType="Thumb">

<Setter Property="IsTabStop" Value="True"/>

<Setter Property="BorderThickness" Value="0"/>

<Setter Property="BorderBrush" Value="Transparent"/>

<Setter Property="Background">

<Setter.Value>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFF0E663" Offset="0.13"/>

<GradientStop Color="#FFAB9C00" Offset="0.917"/>

<GradientStop Color="#FFE3D75D" Offset="0.065"/>

<GradientStop Color="#FFD8C600" Offset="0.6"/>

<GradientStop Color="#FFEADD4B" Offset="0.339"/>

<GradientStop Color="#FFD3C100" Offset="0.665"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="Thumb">

<Grid>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Normal"/>

<VisualState x:Name="MouseOver" />

<VisualState x:Name="Pressed" />

<VisualState x:Name="Disabled" />

</VisualStateGroup>

<VisualStateGroup x:Name="FocusStates">

<VisualState x:Name="Focused" />

<VisualState x:Name="Unfocused" />

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Rectangle Fill="{TemplateBinding Background}" Margin="0,9,0,11"/>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Setter.Value>

</Setter>

<Setter Property="TickBarStyle">

<Setter.Value>

<Style TargetType="telerik:RadTickBar">

<Setter Property="IsTabStop" Value="False"/>

<Setter Property="ItemsPanel">

<Setter.Value>

<ItemsPanelTemplate>

<Grid Background="Transparent"/>

</ItemsPanelTemplate>

</Setter.Value>

</Setter>

</Style>

</Setter.Value>

</Setter>

<Setter Property="TrackStyle">

<Setter.Value>

<Style TargetType="ContentControl">

<Setter Property="Height" Value="6"/>

<Setter Property="IsTabStop" Value="False"/>

<Setter Property="BorderThickness" Value="0"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="ContentControl">

<Rectangle Fill="Purple" />

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Setter.Value>

</Setter>

<Setter Property="IncreaseHandleStyle">

<Setter.Value>

<Style TargetType="RepeatButton">

<Setter Property="Width" Value="18"/>

<Setter Property="Height" Value="18"/>

<Setter Property="Cursor" Value="Hand"/>

<Setter Property="IsTabStop" Value="True"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="RepeatButton">

<Grid x:Name="Root">

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Normal"/>

<VisualState x:Name="MouseOver" />

<VisualState x:Name="Pressed" />

<VisualState x:Name="Disabled" />

</VisualStateGroup>

<VisualStateGroup x:Name="FocusStates">

<VisualState x:Name="Focused" />

<VisualState x:Name="Unfocused" />

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Setter.Value>

</Setter>

<Setter Property="DecreaseHandleStyle">

<Setter.Value>

<Style TargetType="RepeatButton">

<Setter Property="Width" Value="18"/>

<Setter Property="Height" Value="18"/>

<Setter Property="Cursor" Value="Hand"/>

<Setter Property="IsTabStop" Value="True"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="RepeatButton">

<Grid x:Name="Root">

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Normal"/>

<VisualState x:Name="MouseOver" />

<VisualState x:Name="Pressed" />

<VisualState x:Name="Disabled" />

</VisualStateGroup>

<VisualStateGroup x:Name="FocusStates">

<VisualState x:Name="Focused" />

<VisualState x:Name="Unfocused" />

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Setter.Value>

</Setter>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="telerik:RadSlider">

<Grid Background="Transparent">

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="OrientationStates">

<VisualState x:Name="Horizontal" />

<VisualState x:Name="Vertical" />

<VisualState x:Name="ReversedHorizontal" />

<VisualState x:Name="ReversedVertical" />

</VisualStateGroup>

<VisualStateGroup x:Name="TickPlacementStates">

<VisualState x:Name="NoneTicks">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="TopTickBar">

<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="BottomTickBar">

<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="TopTicks">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="TopTickBar">

<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="BottomTickBar">

<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="BottomTicks">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="TopTickBar">

<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="BottomTickBar">

<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="BothTicks">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="TopTickBar">

<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="BottomTickBar">

<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="RangeStates">

<VisualState x:Name="SingleThumb">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="RangeThumbsPanel">

<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="SingleThumbHost">

<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="RangeThumbs">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="RangeThumbsPanel">

<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="SingleThumbHost">

<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Grid UseLayoutRounding="True">

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*"/>

<ColumnDefinition Width="Auto"/>

</Grid.ColumnDefinitions>

<telerik:RadTickBar x:Name="TopTickBar" Grid.ColumnSpan="3" Grid.Column="1" ItemTemplate="{TemplateBinding TickTemplate}" ItemsSource="{TemplateBinding ResultTicks}" ItemTemplateSelector="{TemplateBinding TickTemplateSelector}" Maximum="{TemplateBinding Maximum}" Minimum="{TemplateBinding Minimum}" Style="{TemplateBinding TickBarStyle}"/>

<ContentControl x:Name="Track" Background="{TemplateBinding Background}" Grid.ColumnSpan="3" Grid.Column="1" Grid.Row="1" Style="{TemplateBinding TrackStyle}" VerticalAlignment="Center"/>

<RepeatButton x:Name="DecreaseButton" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Grid.Row="1" Style="{TemplateBinding DecreaseHandleStyle}" Visibility="{TemplateBinding HandlesVisibility}"/>

<RepeatButton x:Name="LargeDecreaseButton" Grid.Column="1" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Grid.Row="1">

<RepeatButton.Style>

<Style TargetType="RepeatButton">

<Setter Property="IsTabStop" Value="False"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="RepeatButton">

<Grid Background="Transparent"/>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</RepeatButton.Style>

</RepeatButton>

<Rectangle Grid.Row="1" Grid.Column="1" StrokeThickness="0" Margin="0,9,0,11" Fill="{TemplateBinding Background}" />

<Rectangle Grid.Row="1" Grid.Column="3" StrokeThickness="0" Margin="0,9,0,11" Fill="{TemplateBinding Foreground}" />

<Grid Grid.Column="2" Grid.Row="1" Visibility="{TemplateBinding ThumbVisibility}">

<Thumb x:Name="SingleThumbHost" Style="{TemplateBinding ThumbStyle}"/>

<StackPanel x:Name="RangeThumbsPanel" Orientation="Horizontal" Visibility="Collapsed">

<Grid Background="Transparent">

<Grid.RowDefinitions>

<RowDefinition Height="1*"/>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="1*" />

</Grid.ColumnDefinitions>

<Thumb x:Name="RangeStartThumb" Grid.Row="0" Grid.Column="0" Style="{TemplateBinding ThumbStyle}" Background="{TemplateBinding Background}">

<Thumb.Foreground>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFF0E663" Offset="0.13"/>

<GradientStop Color="#FFAB9C00" Offset="0.917"/>

<GradientStop Color="#FFE3D75D" Offset="0.065"/>

<GradientStop Color="#FFD8C600" Offset="0.6"/>

<GradientStop Color="#FFEADD4B" Offset="0.339"/>

<GradientStop Color="#FFD3C100" Offset="0.665"/>

</LinearGradientBrush>

</Thumb.Foreground>

</Thumb>

<TextBlock Grid.Row="1" Grid.Column="0" Foreground="#FF7A7A7A" FontFamily="Century Gothic" FontSize="8.5" Text="{Binding Path=SelectionStart, RelativeSource={RelativeSource TemplatedParent}, StringFormat='\{0:N0\}'}" TextAlignment="Center" />

</Grid>

<Thumb x:Name="RangeMiddleThumb" Style="{TemplateBinding SelectionMiddleThumbStyle}" />

<Grid Background="Transparent">

<Grid.RowDefinitions>

<RowDefinition Height="1*"/>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="1*" />

</Grid.ColumnDefinitions>

<Thumb x:Name="RangeEndThumb" Grid.Row="0" Grid.Column="0" Style="{TemplateBinding ThumbStyle}" Foreground="{TemplateBinding Foreground}">

<Thumb.Background>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFF0E663" Offset="0.13"/>

<GradientStop Color="#FFAB9C00" Offset="0.917"/>

<GradientStop Color="#FFE3D75D" Offset="0.065"/>

<GradientStop Color="#FFD8C600" Offset="0.6"/>

<GradientStop Color="#FFEADD4B" Offset="0.339"/>

<GradientStop Color="#FFD3C100" Offset="0.665"/>

</LinearGradientBrush>

</Thumb.Background>

</Thumb>

<TextBlock Grid.Row="1" Grid.Column="0" Foreground="#FF7A7A7A" FontFamily="Century Gothic" FontSize="8.5" Text="{Binding Path=SelectionEnd, RelativeSource={RelativeSource TemplatedParent}, StringFormat='\{0:N0\}'}" TextAlignment="Center" />

</Grid>

</StackPanel>

</Grid>

<RepeatButton x:Name="LargeIncreaseButton" Grid.Column="3" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Grid.Row="1">

<RepeatButton.Style>

<Style TargetType="RepeatButton">

<Setter Property="IsTabStop" Value="False"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="RepeatButton">

<Grid Background="Transparent"/>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</RepeatButton.Style>

</RepeatButton>

<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}"/>

<telerik:RadTickBar x:Name="BottomTickBar" Grid.ColumnSpan="3" Grid.Column="1" ItemTemplate="{TemplateBinding TickTemplate}" ItemsSource="{TemplateBinding ResultTicks}" ItemTemplateSelector="{TemplateBinding TickTemplateSelector}" Maximum="{TemplateBinding Maximum}" Minimum="{TemplateBinding Minimum}" Grid.Row="2" Style="{TemplateBinding TickBarStyle}"/>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</UserControl.Resources>

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="1*" />

</Grid.ColumnDefinitions>

<StackPanel Grid.Row="0" Grid.Column="0" Background="White">

<Border Padding="10" >

<telerik:RadSlider x:Name="sld5" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="100" Maximum="300" SelectionStart="100" SelectionEnd="300" Style="{StaticResource RadSliderStyle1}" Width="239" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld6" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="100" SelectionStart="-25" SelectionEnd="100" Style="{StaticResource RadSliderStyle1}" Width="239" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld7" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="101" SelectionStart="-25" SelectionEnd="101" Style="{StaticResource RadSliderStyle1}" Width="239" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld8" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="100" Maximum="300" SelectionStart="100" SelectionEnd="300" Style="{StaticResource RadSliderStyle1}" Width="240" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld9" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="100" SelectionStart="-25" SelectionEnd="100" Style="{StaticResource RadSliderStyle1}" Width="240" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld10" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="101" SelectionStart="-25" SelectionEnd="101" Style="{StaticResource RadSliderStyle1}" Width="240" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld11" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="100" Maximum="300" SelectionStart="100" SelectionEnd="300" Style="{StaticResource RadSliderStyle1}" Width="241" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld12" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="100" SelectionStart="-25" SelectionEnd="100" Style="{StaticResource RadSliderStyle1}" Width="241" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld13" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="101" SelectionStart="-25" SelectionEnd="101" Style="{StaticResource RadSliderStyle1}" Width="241" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld14" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="100" Maximum="300" SelectionStart="100" SelectionEnd="300" Style="{StaticResource RadSliderStyle1}" Width="242" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld15" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="100" SelectionStart="-25" SelectionEnd="100" Style="{StaticResource RadSliderStyle1}" Width="242" />

</Border>

<Border Padding="10" >

<telerik:RadSlider x:Name="sld16" IsSelectionRangeEnabled="True" Orientation="Horizontal" Minimum="-100" Maximum="101" SelectionStart="-25" SelectionEnd="101" Style="{StaticResource RadSliderStyle1}" Width="242" />

</Border>

</StackPanel>

</Grid>

</UserControl>

answered on 05 Aug 2011, 12:41 PM

SliderTickFrequency.zip

Hi Rob,

This issue was fixed with our latest internal build (08/01/2011). Please take a look at the attached project and let me know if you experience any issues.

Greetings,
Kiril Stanoev
the Telerik team

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