DevTools for .NET

Products Dropdown menu
The Ultimate toolbox for developers
WEB UI CONTROLS & COMPONENTS
DESKTOP UI CONTROLS & COMPONENTS
- WPF
- WinForms
VISUAL STUDIO PRODUCTIVITY TOOLS
HTML5 / JavaScript Widgets
DATA TOOLS
- Reporting
- OpenAccess
MOBILE UI CONTROLS
- Windows Phone
Unit & Functional Testing
- Test Studio Express
- JustMock
Download Free Trial With dedicated support.
Online demos
Free trials
Purchase Dropdown menu
Buy the Ultimate toolbox for developers
Buy Online
Call us
- USA:+1-888-365-2779
- UK:+44-20-7291-0580
- Bulgaria:+359-2-8099850
- Germany:+49-89-2441642-70
Community & Support Dropdown menu
Welcome to the Telerik community
Community programs
Like us on facebook Follow us on twitter
Services
Blogs

Home / Community & Support / Developer Productivity Tools Forums / SilverlightSliderRadSlider - Ticks are not displayed properly and Thumbs are cut off at end of slider bar...

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

Feed from this thread

Rob Master
Posted on Aug 2, 2011 (permalink)

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>
Attached files
- radsliderproblem.png
Reply

Rob Master
Posted on Aug 2, 2011 (permalink)

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

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

                                    <RowDefinition Height="Auto"/>

                                    <RowDefinition Height="Auto"/>

                                </Grid.RowDefinitions>

                                <Grid.ColumnDefinitions>

                                    <ColumnDefinition Width="Auto"/>

                                    <ColumnDefinition Width="Auto"/>

                                    <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>

                        </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>
Attached files
- radsliderproblem2.png
Reply

Kiril Stanoev Kiril Stanoev
Posted on Aug 5, 2011 (permalink)

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 >>
Attached files
- SliderTickFrequency.zip
Reply