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

3 posts, 0 answers
  1. Rob
    Rob avatar
    238 posts
    Member since:
    Jan 2009

    Posted 02 Aug 2011 Link to this post

    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. Rob
    Rob avatar
    238 posts
    Member since:
    Jan 2009

    Posted 02 Aug 2011 Link to this post

    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>

  3. DevCraft banner
  4. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1511 posts

    Posted 05 Aug 2011 Link to this post

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

Back to Top