Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / WPF > Slider > RadSlider - upgrade to 2011 Q2

Not answered RadSlider - upgrade to 2011 Q2

Feed from this thread
  • Posted on Sep 9, 2011 (permalink)

    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>

    Reply

  • Dimitrina Dimitrina admin's avatar

    Posted on Sep 15, 2011 (permalink)

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

    Attached files

    Reply

  • Posted on Sep 15, 2011 (permalink)

    Thank you very much for quick replay and exellent help!

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / WPF > Slider > RadSlider - upgrade to 2011 Q2
Related resources for "RadSlider - upgrade to 2011 Q2"

WPF Slider Features  |  Documentation  |  Demos  |  Telerik TV  |  Self-Paced Trainer  ]