RadSlider - upgrade to 2011 Q2

3 posts, 0 answers
  1. Terje Johansen
    Terje Johansen avatar
    28 posts
    Member since:
    Mar 2010

    Posted 09 Sep 2011 Link to this post

    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. Dimitrina
    Admin
    Dimitrina avatar
    442 posts

    Posted 15 Sep 2011 Link to this post

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

  3. UI for WPF is Visual Studio 2017 Ready
  4. Terje Johansen
    Terje Johansen avatar
    28 posts
    Member since:
    Mar 2010

    Posted 15 Sep 2011 Link to this post

    Thank you very much for quick replay and exellent help!
Back to Top