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 253 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Rob
Top achievements
Rank 1
Rob asked on 02 Aug 2011, 02:00 PM
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

Sort by
0
Rob
Top achievements
Rank 1
answered on 02 Aug 2011, 04:31 PM
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
    x:Class="SilverlightApplication226.MainPage"
    Width="Auto" Height="Auto">
     
    <UserControl.Resources>
         
        <Style x:Key="RadSliderStyle1" TargetType="telerik:RadSlider">
 
            <!-- "Background" is used for the "Left Region" -->
            <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>
             
            <!-- "Foreground" is used for the "Right Region" -->
            <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>
 
                                <!-- Left Track-->
                                <Rectangle Grid.Row="1" Grid.Column="1" StrokeThickness="0" Margin="0,9,0,11" Fill="{TemplateBinding Background}" />
 
                                <!-- Right Track-->
                                <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">
                                         
                                        <!-- Left Thumb -->
                                        <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>
                                         
                                        <!-- Middle Bar -->
                                        <Thumb x:Name="RangeMiddleThumb" Style="{TemplateBinding SelectionMiddleThumbStyle}" />
                                         
                                        <!-- Right Thumb -->
                                        <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>

0
Kiril Stanoev
Telerik team
answered on 05 Aug 2011, 12:41 PM
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 >>

Tags
Slider
Asked by
Rob
Top achievements
Rank 1
Answers by
Rob
Top achievements
Rank 1
Kiril Stanoev
Telerik team
Share this question
or