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

RadSlider - upgrade to 2011 Q2

2 Answers 84 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Terje Johansen
Top achievements
Rank 1
Terje Johansen asked on 09 Sep 2011, 08:17 AM
Hi! My RadSlider style doesn't work after upgrade to 2011 Q2...
I'm getting errors(cannot resolve symbol) on several of the properties (e.g. EnableSideTicks, IsDirectionReversed++ on RadTickBar)
Please advice!
Here's the code:

<!--RadSlider-->
    <Style x:Key="RadSliderStyle" TargetType="{x:Type Controls1:RadSlider}">
      <Setter Property="HorizontalAlignment" Value="Stretch"/>
      <Setter Property="VerticalAlignment" Value="Stretch"/>
      <Setter Property="Orientation" Value="Horizontal"/>
      <Setter Property="IsEnabled" Value="True"/>
      <Setter Property="HandlesVisibility" Value="Collapsed"/>
      <Setter Property="IsMouseWheelEnabled" Value="True"/>
      <Setter Property="Background" Value="#FFF0F0F0"/>
      <Setter Property="BorderBrush" Value="#FF848484"/>
      <Setter Property="Delay" Value="250"/>
      <Setter Property="RepeatInterval" Value="250"/>
      <Setter Property="StepAction" Value="ChangeRange"/>
      <Setter Property="ThumbVisibility" Value="Visible"/>
      <Setter Property="SelectionStart" Value="0.4"/>
      <Setter Property="SelectionEnd" Value="0.6"/>
      <Setter Property="MinimumRangeSpan" Value="0"/>
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type Controls1:RadSlider}">
            <Grid x:Name="LayoutRoot">
              <Grid.Resources>
                <DataTemplate x:Key="VerticalTickTemplate">
                  <Grid x:Name="RootElement" ToolTip="{Binding}">
                    <Rectangle Fill="Black" Height="1" Width="5"/>
                  </Grid>
                </DataTemplate>
                <DataTemplate x:Key="HorizontalTickTemplate">
                  <Grid x:Name="RootElement" ToolTip="{Binding}">
                    <Rectangle Fill="Black" Height="5" Width="1"/>
                  </Grid>
                </DataTemplate>
              </Grid.Resources>
              <Grid>
                <Grid x:Name="HorizontalTemplate">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                  </Grid.ColumnDefinitions>
                  <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                  </Grid.RowDefinitions>
                  <Controls1:RadTickBar x:Name="TopTickBar" Grid.Column="1" EnableSideTicks="{TemplateBinding EnableSideTicks}" IsTabStop="False" IsDirectionReversed="{TemplateBinding IsDirectionReversed}" Maximum="{TemplateBinding Maximum}" Minimum="{TemplateBinding Minimum}" MinHeight="6" Orientation="{TemplateBinding Orientation}" Placement="Top" Ticks="{TemplateBinding Ticks}" TickTemplateSelector="{TemplateBinding TickTemplateSelector}" TickTemplate="{TemplateBinding TickTemplate}" TickFrequency="{TemplateBinding TickFrequency}">
                    <Controls1:RadTickBar.Template>
                      <ControlTemplate TargetType="{x:Type Controls1:RadTickBar}">
                        <Canvas x:Name="LayoutRoot" Background="Transparent"/>
                      </ControlTemplate>
                    </Controls1:RadTickBar.Template>
                  </Controls1:RadTickBar>
                  <Controls1:RadTickBar x:Name="BottomTickBar" Grid.Column="1" EnableSideTicks="{TemplateBinding EnableSideTicks}" IsTabStop="False" IsDirectionReversed="{TemplateBinding IsDirectionReversed}" Maximum="{TemplateBinding Maximum}" Minimum="{TemplateBinding Minimum}" MinHeight="6" Orientation="{TemplateBinding Orientation}" Placement="Bottom" Grid.Row="2" Ticks="{TemplateBinding Ticks}" TickTemplateSelector="{TemplateBinding TickTemplateSelector}" TickTemplate="{TemplateBinding TickTemplate}" TickFrequency="{TemplateBinding TickFrequency}">
                    <Controls1:RadTickBar.Template>
                      <ControlTemplate TargetType="{x:Type Controls1:RadTickBar}">
                        <Canvas x:Name="LayoutRoot" Background="Transparent"/>
                      </ControlTemplate>
                    </Controls1:RadTickBar.Template>
                  </Controls1:RadTickBar>
                  <Border x:Name="Track" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,1,1,0" Grid.Column="1" CornerRadius="0" Height="2" Grid.Row="1" VerticalAlignment="Center">
                    <Border BorderBrush="White" BorderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0"/>
                  </Border>
                  <Grid x:Name="HorizontalSingleThumbTemplate" Grid.Column="1" Height="12" Grid.Row="1">
                    <Grid.ColumnDefinitions>
                      <ColumnDefinition Width="Auto"/>
                      <ColumnDefinition Width="Auto"/>
                      <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Rectangle x:Name="HorizontalSingleLargeDecrease" Cursor="Arrow" Fill="Transparent" Opacity="0" VerticalAlignment="Stretch"/>
                    <Thumb x:Name="HorizontalSingleThumb" Grid.Column="1" Height="12" ToolTip="Zoom" IsEnabled="{TemplateBinding IsEnabled}" Visibility="{TemplateBinding ThumbVisibility}" VerticalAlignment="Center" Width="10">
                      <Thumb.Template>
                        <ControlTemplate TargetType="{x:Type Thumb}">
                          <Grid>
                            <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                              <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                  <GradientStop Color="White" Offset="0"/>
                                  <GradientStop Color="Gainsboro" Offset="0.5"/>
                                  <GradientStop Color="#FFADADAD" Offset="0.5"/>
                                  <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                </LinearGradientBrush>
                              </Border.Background>
                              <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                            </Border>
                          </Grid>
                          <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FFFFC92B"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFFBDA" Offset="0"/>
                                    <GradientStop Color="#FFFEEBAE" Offset="0.5"/>
                                    <GradientStop Color="#FFFFD25A" Offset="0.5"/>
                                    <GradientStop Color="#FFFFFBA3" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FF989898"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/>
                              <Setter Property="Background" TargetName="Border" Value="#FFE0E0E0"/>
                            </Trigger>
                            <Trigger Property="IsDragging" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF282828"/>
                                    <GradientStop Color="#FF5F5F5F" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="BorderBrush" TargetName="InnerBorder">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFB69A78"/>
                                    <GradientStop Color="#FFFFE17A" Offset="0.126"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFDCAB" Offset="0"/>
                                    <GradientStop Color="#FFFFD18F" Offset="0.5"/>
                                    <GradientStop Color="#FFFE9227" Offset="0.5"/>
                                    <GradientStop Color="#FFFFBA74" Offset="0"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                          </ControlTemplate.Triggers>
                        </ControlTemplate>
                      </Thumb.Template>
                    </Thumb>
                    <Rectangle x:Name="HorizontalSingleLargeIncrease" Cursor="Arrow" Grid.Column="2" Fill="Transparent" Opacity="0" VerticalAlignment="Stretch"/>
                  </Grid>
                  <Grid x:Name="HorizontalRangeTemplate" Grid.Column="1" Height="12" Grid.Row="1">
                    <Grid.ColumnDefinitions>
                      <ColumnDefinition Width="Auto"/>
                      <ColumnDefinition Width="Auto"/>
                      <ColumnDefinition Width="*"/>
                      <ColumnDefinition Width="Auto"/>
                      <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <Rectangle x:Name="HorizontalRangeLargeDecrease" Cursor="Arrow" Grid.Column="0" Fill="Transparent" Opacity="0"/>
                    <Thumb x:Name="HorizontalRangeStartThumb" Grid.Column="1" Height="12" IsEnabled="{TemplateBinding IsEnabled}" Visibility="{TemplateBinding ThumbVisibility}" VerticalAlignment="Center" Width="8">
                      <Thumb.Template>
                        <ControlTemplate TargetType="{x:Type Thumb}">
                          <Grid>
                            <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                              <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                  <GradientStop Color="White" Offset="0"/>
                                  <GradientStop Color="Gainsboro" Offset="0.5"/>
                                  <GradientStop Color="#FFADADAD" Offset="0.5"/>
                                  <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                </LinearGradientBrush>
                              </Border.Background>
                              <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                            </Border>
                          </Grid>
                          <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FFFFC92B"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFFBDA" Offset="0"/>
                                    <GradientStop Color="#FFFEEBAE" Offset="0.5"/>
                                    <GradientStop Color="#FFFFD25A" Offset="0.5"/>
                                    <GradientStop Color="#FFFFFBA3" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FF989898"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/>
                              <Setter Property="Background" TargetName="Border" Value="#FFE0E0E0"/>
                            </Trigger>
                            <Trigger Property="IsDragging" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF282828"/>
                                    <GradientStop Color="#FF5F5F5F" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="BorderBrush" TargetName="InnerBorder">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFB69A78"/>
                                    <GradientStop Color="#FFFFE17A" Offset="0.126"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFDCAB" Offset="0"/>
                                    <GradientStop Color="#FFFFD18F" Offset="0.5"/>
                                    <GradientStop Color="#FFFE9227" Offset="0.5"/>
                                    <GradientStop Color="#FFFFBA74" Offset="0"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                          </ControlTemplate.Triggers>
                        </ControlTemplate>
                      </Thumb.Template>
                    </Thumb>
                    <Thumb x:Name="HorizontalRangeMiddleThumb" Grid.Column="2" IsEnabled="{TemplateBinding IsEnabled}" VerticalAlignment="Center">
                      <Thumb.Template>
                        <ControlTemplate TargetType="{x:Type Thumb}">
                          <Grid>
                            <Border x:Name="border" BorderBrush="Transparent" BorderThickness="0" Height="4" Opacity="1">
                              <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                  <GradientStop Color="#FFFFFBA3" Offset="1"/>
                                  <GradientStop Color="#FFFFFBDA" Offset="0"/>
                                  <GradientStop Color="#FFFFC92B" Offset="0.51"/>
                                  <GradientStop Color="#FFFEEBAE" Offset="0.5"/>
                                </LinearGradientBrush>
                              </Border.Background>
                            </Border>
                          </Grid>
                          <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                              <Setter Property="Background" TargetName="border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFD74E" Offset="0.996"/>
                                    <GradientStop Color="#FFFFDCAB"/>
                                    <GradientStop Color="#FFFE9227" Offset="0.51"/>
                                    <GradientStop Color="#FFFFD18F" Offset="0.5"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                            <EventTrigger RoutedEvent="Thumb.DragStarted"/>
                          </ControlTemplate.Triggers>
                        </ControlTemplate>
                      </Thumb.Template>
                    </Thumb>
                    <Thumb x:Name="HorizontalRangeEndThumb" Grid.Column="3" Height="12" IsEnabled="{TemplateBinding IsEnabled}" Visibility="{TemplateBinding ThumbVisibility}" VerticalAlignment="Center" Width="8">
                      <Thumb.Template>
                        <ControlTemplate TargetType="{x:Type Thumb}">
                          <Grid>
                            <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                              <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                  <GradientStop Color="White" Offset="0"/>
                                  <GradientStop Color="Gainsboro" Offset="0.5"/>
                                  <GradientStop Color="#FFADADAD" Offset="0.5"/>
                                  <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                </LinearGradientBrush>
                              </Border.Background>
                              <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                            </Border>
                          </Grid>
                          <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FFFFC92B"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFFBDA" Offset="0"/>
                                    <GradientStop Color="#FFFEEBAE" Offset="0.5"/>
                                    <GradientStop Color="#FFFFD25A" Offset="0.5"/>
                                    <GradientStop Color="#FFFFFBA3" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FF989898"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/>
                              <Setter Property="Background" TargetName="Border" Value="#FFE0E0E0"/>
                            </Trigger>
                            <Trigger Property="IsDragging" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF282828"/>
                                    <GradientStop Color="#FF5F5F5F" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="BorderBrush" TargetName="InnerBorder">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFB69A78"/>
                                    <GradientStop Color="#FFFFE17A" Offset="0.126"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFDCAB" Offset="0"/>
                                    <GradientStop Color="#FFFFD18F" Offset="0.5"/>
                                    <GradientStop Color="#FFFE9227" Offset="0.5"/>
                                    <GradientStop Color="#FFFFBA74" Offset="0"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                          </ControlTemplate.Triggers>
                        </ControlTemplate>
                      </Thumb.Template>
                    </Thumb>
                    <Rectangle x:Name="HorizontalRangeLargeIncrease" Cursor="Arrow" Grid.Column="4" Fill="Transparent" Opacity="0"/>
                  </Grid>
                  <RepeatButton x:Name="HorizontalDecreaseHandle" Delay="{TemplateBinding Delay}" ToolTip="Zoom ut" IsEnabled="{TemplateBinding IsEnabled}" Interval="{TemplateBinding RepeatInterval}" Margin="0,0,2,0" Grid.Row="1" Visibility="{TemplateBinding HandlesVisibility}">
                    <RepeatButton.Style>
                      <Style TargetType="{x:Type RepeatButton}">
                        <Setter Property="IsTabStop" Value="False"/>
                        <Setter Property="Cursor" Value="Arrow"/>
                        <Setter Property="Template">
                          <Setter.Value>
                            <ControlTemplate TargetType="{x:Type RepeatButton}">
                              <Grid x:Name="Root" Height="12" Width="18">
                                <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                                  <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                      <GradientStop Color="White"/>
                                      <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                      <GradientStop Color="Gainsboro" Offset="0.42"/>
                                      <GradientStop Color="#FFADADAD" Offset="0.43"/>
                                    </LinearGradientBrush>
                                  </Border.Background>
                                  <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                                </Border>
                                <Telerik_Windows_Controls_Chromes:ButtonChrome CornerRadius="1" RenderNormal="False" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderFocused="{TemplateBinding IsFocused}" RenderEnabled="{TemplateBinding IsEnabled}">

                                </Telerik_Windows_Controls_Chromes:ButtonChrome>
                                <Path x:Name="Path" Data="M3,0L4,0 4,1 4,2 4,3 4,4 4,5 4,6 4,7 3,7 3,6 2,6 2,5 1,5 1,4 0,4 0,3 1,3 1,2 2,2 2,1 3,1z" Fill="Black" HorizontalAlignment="Center" Height="7" RenderTransformOrigin="0.5,0.5" Stretch="Fill" VerticalAlignment="Center" Width="4"/>
                              </Grid>
                              <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                  <Setter Property="Fill" TargetName="Path" Value="Black"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                  <Setter Property="Fill" TargetName="Path" Value="Black"/>
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                  <Setter Property="Fill" TargetName="Path" Value="#FF8D8D8D"/>
                                </Trigger>
                              </ControlTemplate.Triggers>
                            </ControlTemplate>
                          </Setter.Value>
                        </Setter>
                      </Style>
                    </RepeatButton.Style>
                  </RepeatButton>
                  <RepeatButton x:Name="HorizontalIncreaseHandle" Grid.Column="2" Delay="{TemplateBinding Delay}" ToolTip="Zoom inn" IsEnabled="{TemplateBinding IsEnabled}" Interval="{TemplateBinding RepeatInterval}" Margin="2,0,0,0" Grid.Row="1" RenderTransformOrigin="0.5,0.5" Visibility="{TemplateBinding HandlesVisibility}">
                    <RepeatButton.RenderTransform>
                      <ScaleTransform ScaleY="1" ScaleX="-1"/>
                    </RepeatButton.RenderTransform>
                    <RepeatButton.Style>
                      <Style TargetType="{x:Type RepeatButton}">
                        <Setter Property="IsTabStop" Value="False"/>
                        <Setter Property="Cursor" Value="Arrow"/>
                        <Setter Property="Template">
                          <Setter.Value>
                            <ControlTemplate TargetType="{x:Type RepeatButton}">
                              <Grid x:Name="Root" Height="12" Width="18">
                                <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                                  <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                      <GradientStop Color="White"/>
                                      <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                      <GradientStop Color="Gainsboro" Offset="0.42"/>
                                      <GradientStop Color="#FFADADAD" Offset="0.43"/>
                                    </LinearGradientBrush>
                                  </Border.Background>
                                  <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                                </Border>
                                <Telerik_Windows_Controls_Chromes:ButtonChrome CornerRadius="1" RenderNormal="False" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderFocused="{TemplateBinding IsFocused}" RenderEnabled="{TemplateBinding IsEnabled}">

                                </Telerik_Windows_Controls_Chromes:ButtonChrome>
                                <Path x:Name="Path" Data="M3,0L4,0 4,1 4,2 4,3 4,4 4,5 4,6 4,7 3,7 3,6 2,6 2,5 1,5 1,4 0,4 0,3 1,3 1,2 2,2 2,1 3,1z" Fill="Black" HorizontalAlignment="Center" Height="7" RenderTransformOrigin="0.5,0.5" Stretch="Fill" VerticalAlignment="Center" Width="4"/>
                              </Grid>
                              <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                  <Setter Property="Fill" TargetName="Path" Value="Black"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                  <Setter Property="Fill" TargetName="Path" Value="Black"/>
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                  <Setter Property="Fill" TargetName="Path" Value="#FF8D8D8D"/>
                                </Trigger>
                              </ControlTemplate.Triggers>
                            </ControlTemplate>
                          </Setter.Value>
                        </Setter>
                      </Style>
                    </RepeatButton.Style>
                  </RepeatButton>
                </Grid>
                <Grid x:Name="VerticalTemplate">
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto"/>
                  </Grid.ColumnDefinitions>
                  <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="Auto"/>
                  </Grid.RowDefinitions>
                  <Controls1:RadTickBar x:Name="LeftTickBar" Grid.Column="0" EnableSideTicks="{TemplateBinding EnableSideTicks}" IsTabStop="False" IsDirectionReversed="{TemplateBinding IsDirectionReversed}" Maximum="{TemplateBinding Maximum}" MinWidth="6" Minimum="{TemplateBinding Minimum}" Orientation="{TemplateBinding Orientation}" Placement="Left" Grid.Row="1" Ticks="{TemplateBinding Ticks}" TickTemplateSelector="{TemplateBinding TickTemplateSelector}" TickTemplate="{TemplateBinding TickTemplate}" TickFrequency="{TemplateBinding TickFrequency}">
                    <Controls1:RadTickBar.Template>
                      <ControlTemplate TargetType="{x:Type Controls1:RadTickBar}">
                        <Canvas x:Name="LayoutRoot" Background="Transparent"/>
                      </ControlTemplate>
                    </Controls1:RadTickBar.Template>
                  </Controls1:RadTickBar>
                  <Controls1:RadTickBar x:Name="RightTickBar" Grid.Column="2" EnableSideTicks="{TemplateBinding EnableSideTicks}" IsTabStop="False" IsDirectionReversed="{TemplateBinding IsDirectionReversed}" Maximum="{TemplateBinding Maximum}" MinWidth="6" Minimum="{TemplateBinding Minimum}" Orientation="{TemplateBinding Orientation}" Placement="Right" Grid.Row="1" Ticks="{TemplateBinding Ticks}" TickTemplateSelector="{TemplateBinding TickTemplateSelector}" TickTemplate="{TemplateBinding TickTemplate}" TickFrequency="{TemplateBinding TickFrequency}">
                    <Controls1:RadTickBar.Template>
                      <ControlTemplate TargetType="{x:Type Controls1:RadTickBar}">
                        <Canvas x:Name="LayoutRoot" Background="Transparent"/>
                      </ControlTemplate>
                    </Controls1:RadTickBar.Template>
                  </Controls1:RadTickBar>
                  <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0,1,1,1" Grid.Column="1" CornerRadius="0" HorizontalAlignment="Center" Grid.Row="1" Width="6">
                    <Border BorderBrush="White" BorderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0"/>
                  </Border>
                  <Grid x:Name="VerticalSingleThumbTemplate" Grid.Column="1" Grid.Row="1" Width="18">
                    <Grid.RowDefinitions>
                      <RowDefinition Height="*"/>
                      <RowDefinition Height="Auto"/>
                      <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Rectangle x:Name="VerticalSingleLargeDecrease" Cursor="Arrow" Fill="Transparent" HorizontalAlignment="Stretch" Opacity="0" Grid.Row="2"/>
                    <Thumb x:Name="VerticalSingleThumb" HorizontalAlignment="Right" Height="8" IsEnabled="{TemplateBinding IsEnabled}" Grid.Row="1" Visibility="{TemplateBinding ThumbVisibility}" Width="18">
                      <Thumb.Template>
                        <ControlTemplate TargetType="{x:Type Thumb}">
                          <Grid>
                            <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                              <Border.Background>
                                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                  <GradientStop Color="White" Offset="0"/>
                                  <GradientStop Color="Gainsboro" Offset="0.5"/>
                                  <GradientStop Color="#FFADADAD" Offset="0.5"/>
                                  <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                </LinearGradientBrush>
                              </Border.Background>
                              <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                            </Border>
                          </Grid>
                          <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FFFFC92B"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFFFFBA3" Offset="1"/>
                                    <GradientStop Color="#FFFFFBDA" Offset="0"/>
                                    <GradientStop Color="#FFFFD25A" Offset="0.43"/>
                                    <GradientStop Color="#FFFEEBAE" Offset="0.42"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FF848484"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/>
                              <Setter Property="Background" TargetName="Border" Value="#FFE0E0E0"/>
                            </Trigger>
                            <Trigger Property="IsDragging" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FF282828"/>
                                    <GradientStop Color="#FF5F5F5F" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="BorderBrush" TargetName="InnerBorder">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFB69A78"/>
                                    <GradientStop Color="#FFFFE17A" Offset="0.126"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFFFD74E" Offset="0.996"/>
                                    <GradientStop Color="#FFFFDCAB" Offset="0.17"/>
                                    <GradientStop Color="#FFFE9227" Offset="0.57"/>
                                    <GradientStop Color="#FFFFD18F" Offset="0.56"/>
                                    <GradientStop Color="#FFFFBA74" Offset="0"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                          </ControlTemplate.Triggers>
                        </ControlTemplate>
                      </Thumb.Template>
                    </Thumb>
                    <Rectangle x:Name="VerticalSingleLargeIncrease" Cursor="Arrow" Fill="Transparent" HorizontalAlignment="Stretch" Opacity="0" Grid.Row="0"/>
                  </Grid>
                  <Grid x:Name="VerticalRangeTemplate" Grid.Column="1" Grid.Row="1" Width="18">
                    <Grid.RowDefinitions>
                      <RowDefinition Height="Auto"/>
                      <RowDefinition Height="Auto"/>
                      <RowDefinition Height="*"/>
                      <RowDefinition Height="Auto"/>
                      <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Rectangle x:Name="VerticalRangeLargeDecrease" Cursor="Arrow" Fill="Transparent" Opacity="0" Grid.Row="4"/>
                    <Thumb x:Name="VerticalRangeStartThumb" HorizontalAlignment="Center" Height="8" IsEnabled="{TemplateBinding IsEnabled}" Grid.Row="3" Visibility="{TemplateBinding ThumbVisibility}" Width="18">
                      <Thumb.Template>
                        <ControlTemplate TargetType="{x:Type Thumb}">
                          <Grid>
                            <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                              <Border.Background>
                                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                  <GradientStop Color="White" Offset="0"/>
                                  <GradientStop Color="Gainsboro" Offset="0.5"/>
                                  <GradientStop Color="#FFADADAD" Offset="0.5"/>
                                  <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                </LinearGradientBrush>
                              </Border.Background>
                              <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                            </Border>
                          </Grid>
                          <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FFFFC92B"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFFFFBA3" Offset="1"/>
                                    <GradientStop Color="#FFFFFBDA" Offset="0"/>
                                    <GradientStop Color="#FFFFD25A" Offset="0.43"/>
                                    <GradientStop Color="#FFFEEBAE" Offset="0.42"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FF848484"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/>
                              <Setter Property="Background" TargetName="Border" Value="#FFE0E0E0"/>
                            </Trigger>
                            <Trigger Property="IsDragging" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FF282828"/>
                                    <GradientStop Color="#FF5F5F5F" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="BorderBrush" TargetName="InnerBorder">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFB69A78"/>
                                    <GradientStop Color="#FFFFE17A" Offset="0.126"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFFFD74E" Offset="0.996"/>
                                    <GradientStop Color="#FFFFDCAB" Offset="0.17"/>
                                    <GradientStop Color="#FFFE9227" Offset="0.57"/>
                                    <GradientStop Color="#FFFFD18F" Offset="0.56"/>
                                    <GradientStop Color="#FFFFBA74" Offset="0"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                          </ControlTemplate.Triggers>
                        </ControlTemplate>
                      </Thumb.Template>
                    </Thumb>
                    <Thumb x:Name="VerticalRangeMiddleThumb" HorizontalAlignment="Center" IsEnabled="{TemplateBinding IsEnabled}" Grid.Row="2">
                      <Thumb.Template>
                        <ControlTemplate TargetType="{x:Type Thumb}">
                          <Grid>
                            <Border x:Name="border" BorderBrush="Transparent" BorderThickness="0" Opacity="1" Width="4">
                              <Border.Background>
                                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                  <GradientStop Color="#FFFFFBA3" Offset="0"/>
                                  <GradientStop Color="#FFFFFBDA" Offset="1"/>
                                  <GradientStop Color="#FFFFC92B" Offset="0.5"/>
                                  <GradientStop Color="#FFFEEBAE" Offset="0.51"/>
                                </LinearGradientBrush>
                              </Border.Background>
                            </Border>
                          </Grid>
                          <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                              <Setter Property="Background" TargetName="border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFFFD74E" Offset="0"/>
                                    <GradientStop Color="#FFFFDCAB" Offset="1"/>
                                    <GradientStop Color="#FFFE9227" Offset="0.5"/>
                                    <GradientStop Color="#FFFFD18F" Offset="0.51"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                            <EventTrigger RoutedEvent="Thumb.DragStarted"/>
                          </ControlTemplate.Triggers>
                        </ControlTemplate>
                      </Thumb.Template>
                    </Thumb>
                    <Thumb x:Name="VerticalRangeEndThumb" HorizontalAlignment="Center" Height="8" IsEnabled="{TemplateBinding IsEnabled}" Grid.Row="1" Visibility="{TemplateBinding ThumbVisibility}" Width="18">
                      <Thumb.Template>
                        <ControlTemplate TargetType="{x:Type Thumb}">
                          <Grid>
                            <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                              <Border.Background>
                                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                  <GradientStop Color="White" Offset="0"/>
                                  <GradientStop Color="Gainsboro" Offset="0.5"/>
                                  <GradientStop Color="#FFADADAD" Offset="0.5"/>
                                  <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                </LinearGradientBrush>
                              </Border.Background>
                              <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                            </Border>
                          </Grid>
                          <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FFFFC92B"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFFFFBA3" Offset="1"/>
                                    <GradientStop Color="#FFFFFBDA" Offset="0"/>
                                    <GradientStop Color="#FFFFD25A" Offset="0.43"/>
                                    <GradientStop Color="#FFFEEBAE" Offset="0.42"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                              <Setter Property="BorderBrush" TargetName="Border" Value="#FF848484"/>
                              <Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/>
                              <Setter Property="Background" TargetName="Border" Value="#FFE0E0E0"/>
                            </Trigger>
                            <Trigger Property="IsDragging" Value="True">
                              <Setter Property="BorderBrush" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FF282828"/>
                                    <GradientStop Color="#FF5F5F5F" Offset="1"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="BorderBrush" TargetName="InnerBorder">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFB69A78"/>
                                    <GradientStop Color="#FFFFE17A" Offset="0.126"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                              <Setter Property="Background" TargetName="Border">
                                <Setter.Value>
                                  <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                    <GradientStop Color="#FFFFD74E" Offset="0.996"/>
                                    <GradientStop Color="#FFFFDCAB" Offset="0.17"/>
                                    <GradientStop Color="#FFFE9227" Offset="0.57"/>
                                    <GradientStop Color="#FFFFD18F" Offset="0.56"/>
                                    <GradientStop Color="#FFFFBA74" Offset="0"/>
                                  </LinearGradientBrush>
                                </Setter.Value>
                              </Setter>
                            </Trigger>
                          </ControlTemplate.Triggers>
                        </ControlTemplate>
                      </Thumb.Template>
                    </Thumb>
                    <Rectangle x:Name="VerticalRangeLargeIncrease" Cursor="Arrow" Fill="Transparent" Opacity="0" Grid.Row="0"/>
                  </Grid>
                  <RepeatButton x:Name="VerticalDecreaseHandle" Grid.Column="1" Delay="{TemplateBinding Delay}" HorizontalAlignment="Center" IsEnabled="{TemplateBinding IsEnabled}" Interval="{TemplateBinding RepeatInterval}" Margin="0,2,0,0" Grid.Row="2" RenderTransformOrigin="0.5,0.5" Visibility="{TemplateBinding HandlesVisibility}">
                    <RepeatButton.RenderTransform>
                      <TransformGroup>
                        <ScaleTransform ScaleY="-1" ScaleX="-1"/>
                        <RotateTransform Angle="90"/>
                      </TransformGroup>
                    </RepeatButton.RenderTransform>
                    <RepeatButton.Style>
                      <Style TargetType="{x:Type RepeatButton}">
                        <Setter Property="IsTabStop" Value="False"/>
                        <Setter Property="Cursor" Value="Arrow"/>
                        <Setter Property="Template">
                          <Setter.Value>
                            <ControlTemplate TargetType="{x:Type RepeatButton}">
                              <Grid x:Name="Root" Height="12" Width="18">
                                <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                                  <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                      <GradientStop Color="White"/>
                                      <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                      <GradientStop Color="Gainsboro" Offset="0.42"/>
                                      <GradientStop Color="#FFADADAD" Offset="0.43"/>
                                    </LinearGradientBrush>
                                  </Border.Background>
                                  <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                                </Border>
                                <Telerik_Windows_Controls_Chromes:ButtonChrome CornerRadius="1" RenderNormal="False" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderFocused="{TemplateBinding IsFocused}" RenderEnabled="{TemplateBinding IsEnabled}">

                                </Telerik_Windows_Controls_Chromes:ButtonChrome>
                                <Path x:Name="Path" Data="M3,0L4,0 4,1 4,2 4,3 4,4 4,5 4,6 4,7 3,7 3,6 2,6 2,5 1,5 1,4 0,4 0,3 1,3 1,2 2,2 2,1 3,1z" Fill="Black" HorizontalAlignment="Center" Height="7" RenderTransformOrigin="0.5,0.5" Stretch="Fill" VerticalAlignment="Center" Width="4"/>
                              </Grid>
                              <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                  <Setter Property="Fill" TargetName="Path" Value="Black"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                  <Setter Property="Fill" TargetName="Path" Value="Black"/>
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                  <Setter Property="Fill" TargetName="Path" Value="#FF8D8D8D"/>
                                </Trigger>
                              </ControlTemplate.Triggers>
                            </ControlTemplate>
                          </Setter.Value>
                        </Setter>
                      </Style>
                    </RepeatButton.Style>
                  </RepeatButton>
                  <RepeatButton x:Name="VerticalIncreaseHandle" Grid.Column="1" Delay="{TemplateBinding Delay}" HorizontalAlignment="Center" IsEnabled="{TemplateBinding IsEnabled}" Interval="{TemplateBinding RepeatInterval}" Margin="0,0,0,2" Grid.Row="0" RenderTransformOrigin="0.5,0.5" Visibility="{TemplateBinding HandlesVisibility}">
                    <RepeatButton.RenderTransform>
                      <TransformGroup>
                        <ScaleTransform ScaleY="-1" ScaleX="1"/>
                        <RotateTransform Angle="90"/>
                      </TransformGroup>
                    </RepeatButton.RenderTransform>
                    <RepeatButton.Style>
                      <Style TargetType="{x:Type RepeatButton}">
                        <Setter Property="IsTabStop" Value="False"/>
                        <Setter Property="Cursor" Value="Arrow"/>
                        <Setter Property="Template">
                          <Setter.Value>
                            <ControlTemplate TargetType="{x:Type RepeatButton}">
                              <Grid x:Name="Root" Height="12" Width="18">
                                <Border x:Name="Border" BorderBrush="#FF848484" BorderThickness="1" CornerRadius="1">
                                  <Border.Background>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                      <GradientStop Color="White"/>
                                      <GradientStop Color="#FFD4D4D4" Offset="1"/>
                                      <GradientStop Color="Gainsboro" Offset="0.42"/>
                                      <GradientStop Color="#FFADADAD" Offset="0.43"/>
                                    </LinearGradientBrush>
                                  </Border.Background>
                                  <Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="1" CornerRadius="0"/>
                                </Border>
                                <Telerik_Windows_Controls_Chromes:ButtonChrome CornerRadius="1" RenderNormal="False" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderFocused="{TemplateBinding IsFocused}" RenderEnabled="{TemplateBinding IsEnabled}">

                                </Telerik_Windows_Controls_Chromes:ButtonChrome>
                                <Path x:Name="Path" Data="M3,0L4,0 4,1 4,2 4,3 4,4 4,5 4,6 4,7 3,7 3,6 2,6 2,5 1,5 1,4 0,4 0,3 1,3 1,2 2,2 2,1 3,1z" Fill="Black" HorizontalAlignment="Center" Height="7" RenderTransformOrigin="0.5,0.5" Stretch="Fill" VerticalAlignment="Center" Width="4"/>
                              </Grid>
                              <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                  <Setter Property="Fill" TargetName="Path" Value="Black"/>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="True">
                                  <Setter Property="Fill" TargetName="Path" Value="Black"/>
                                </Trigger>
                                <Trigger Property="IsEnabled" Value="False">
                                  <Setter Property="Fill" TargetName="Path" Value="#FF8D8D8D"/>
                                </Trigger>
                              </ControlTemplate.Triggers>
                            </ControlTemplate>
                          </Setter.Value>
                        </Setter>
                      </Style>
                    </RepeatButton.Style>
                  </RepeatButton>
                </Grid>
              </Grid>
              <Rectangle x:Name="FocusVisual" Opacity="0" RadiusY="2" RadiusX="2" Stroke="Black" StrokeThickness="1" StrokeDashArray="1 2" MinHeight="14" Margin="0,0,0,10"/>
              <Border x:Name="ValidationErrorElement" BorderBrush="#FFDB000C" BorderThickness="1" CornerRadius="1" Visibility="Collapsed">
                <Border.ToolTip>
                  <ToolTip x:Name="validationTooltip" Placement="Right">
                    <ToolTip.Triggers>
                      <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                        <BeginStoryboard>
                          <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsHitTestVisible" Storyboard.TargetName="validationTooltip">
                              <DiscreteObjectKeyFrame KeyTime="0">
                                <DiscreteObjectKeyFrame.Value>
                                  <System:Boolean>True</System:Boolean>
                                </DiscreteObjectKeyFrame.Value>
                              </DiscreteObjectKeyFrame>
                            </ObjectAnimationUsingKeyFrames>
                          </Storyboard>
                        </BeginStoryboard>
                      </EventTrigger>
                    </ToolTip.Triggers>
                    <ToolTip.Template>
                      <ControlTemplate TargetType="{x:Type ToolTip}">
                        <Grid x:Name="Root" Margin="5,0" Opacity="0" RenderTransformOrigin="0,0">
                          <Grid.RenderTransform>
                            <TranslateTransform X="-25"/>
                          </Grid.RenderTransform>
                          <Border Background="#FFDC000C" CornerRadius="2"/>
                          <Border CornerRadius="2">
                            <TextBlock Foreground="White" MaxWidth="250" Margin="8,3" TextWrapping="Wrap" Text="{Binding (Validation.Errors)[0].ErrorContent}"/>
                          </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                          <Trigger Property="IsOpen" Value="True">
                            <Trigger.EnterActions>
                              <BeginStoryboard>
                                <Storyboard x:Name="OpenAnimation">
                                  <DoubleAnimation Duration="0:0:0.2" To="0" Storyboard.TargetProperty="X" Storyboard.TargetName="xform"/>
                                  <DoubleAnimation Duration="0:0:0.2" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Root"/>
                                </Storyboard>
                              </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                              <StopStoryboard BeginStoryboardName="OpenAnimation"/>
                            </Trigger.ExitActions>
                          </Trigger>
                          <Trigger Property="IsOpen" Value="True">
                            <Setter Property="RenderTransform" TargetName="Root">
                              <Setter.Value>
                                <TranslateTransform X="0"/>
                              </Setter.Value>
                            </Setter>
                            <Setter Property="Opacity" TargetName="Root" Value="1"/>
                          </Trigger>
                          <Trigger Property="IsOpen" Value="False">
                            <Setter Property="Opacity" TargetName="Root" Value="0"/>
                          </Trigger>
                        </ControlTemplate.Triggers>
                      </ControlTemplate>
                    </ToolTip.Template>
                  </ToolTip>
                </Border.ToolTip>
                <Grid Background="Transparent" HorizontalAlignment="Right" Height="12" Margin="1,-4,-4,0" VerticalAlignment="Top" Width="12">
                  <Path Data="M1,0L6,0A2,2,90,0,1,8,2L8,7z" Fill="#FFDC000C" Margin="1,3,0,0"/>
                  <Path Data="M0,0L2,0 8,6 8,8" Fill="White" Margin="1,3,0,0"/>
                </Grid>
              </Border>
            </Grid>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>

2 Answers, 1 is accepted

Sort by
0
Dimitrina
Telerik team
answered on 15 Sep 2011, 08:50 AM
Hello Terje,

We used your style and updated it so that it could be used with the new Q2 2011 RadSlider. Please check it out and let us know if you have further questions. We would be glad to assist you.

All the best,
Dimitrina
the Telerik team

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

0
Terje Johansen
Top achievements
Rank 1
answered on 15 Sep 2011, 11:21 AM
Thank you very much for quick replay and exellent help!
Tags
Slider
Asked by
Terje Johansen
Top achievements
Rank 1
Answers by
Dimitrina
Telerik team
Terje Johansen
Top achievements
Rank 1
Share this question
or