Questions on UI for WPF Forum

3 answers

563 views

My XAML is as follows

<telerik:RadCartesianChart Name="chart" Palette="Ground" Canvas.Left="20" Width=" 1250" Canvas.Top="130" Height=" 550" Background="White" >
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:CategoricalAxis />
</telerik:RadCartesianChart.HorizontalAxis>

<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis HorizontalAlignment="Right" />
</telerik:RadCartesianChart.VerticalAxis>
</telerik:RadCartesianChart>

And in the code behind I am adding the series dynamically

Dim style As New Style(GetType(Border))
style.Setters.Add(New Setter(Border.BackgroundProperty, New SolidColorBrush(Colors.LightGray)))

For i As Integer = 0 To ChartDataModel.Data(0).Values.Length - 1
Dim barSeries As New Telerik.Windows.Controls.ChartView.BarSeries()
barSeries.CategoryBinding = New PropertyNameDataPointBinding() With {.PropertyName = "Title"}
Dim k As Integer = i
barSeries.ValueBinding = New GenericDataPointBinding(Of OC_ChartData, Double) With {.ValueSelector = Function(Selector) Selector.Values(k)}
barSeries.SetBinding(ChartSeries.ItemsSourceProperty, New Binding("Data"))
barSeries.CombineMode = Telerik.Charting.ChartSeriesCombineMode.Stack
barSeries.StackGroupKey = "Group" & i.ToString
'If i = 0 Then barSeries.DefaultVisualStyle = style
chart.Series.Add(barSeries)
Next
chart.DataContext = ChartDataModel

1. The color of Series 0 is not set. Can you point what is going wrong

2. I want to have the tool tip to contain the actual Y value. How can I get the Y value of a particular bar.

ChartView

answered on 22 Nov 2017

3 answers

200 views

Tooltip - Include both X and Y Axis Values?

We're evaluating RadChart 2011-Q3. We like the tooltip concept, but it would be much more useful to us if we could somehow get both the Y axis and X axis value to display to the user. I can't seem to find a way to do this. Is it possible?

Thank you.

Chart

answered on 22 Nov 2017

1 answer

96 views

Problems after loading an Assembly from subdirectory

I've been trying to load a plugin from a Plugins\ folder, as soon as I use Assembly.LoadFile(), the Grid's stop displaying data and have lost their Expression_Dark design.

The plugin references the main assembly (which references Telerik) as well as our WPF library, which references Telerik too.

What's going on?

General Discussions

answered on 22 Nov 2017

5 answers

141 views

Is there anyway to create data for ChartView based on PivotGrid

Hello there,

I watched demo about RadChartView integration but unfortunately the source code of the most important part (create SeriesSource for Chart) did not provide. So how can I get the sorted rows, columns and build datasource for Chart manually? Thank for you help!

PivotGrid

answered on 22 Nov 2017

0 answers

214 views

Strange behavior of backspace key in RadComboBox

Hello,

I know there are already a couple of threads about backspace with RadComboBox but I can't find something specific enough to solve my problem. Let me explain it. I have two RadComboBox in two different screens of my app with different behaviors even though they seem to have the same properties. I used the debug mode to capture and compare every property of my comboboxes.

In the first screen when I hit the backspace button, the content of my combobox is removed while in the second screen it remains when I hit that button. The differences I noticed with the debug mode using a SelectionChanged event :

- Behavior 1 : In my first screen, after I hit backspace, SelectedIndex is set to -1, SelectedValue is set to null, SelectedItem is set to null and SelectionItemBox is set to null.

- Behavior 2 : In my second screen, after I hit backspace, SelectedIndex is set to -1, SelectedValue is set to null but SelectedItem and SelectionItemBox keep their values so the view still displays the value.

After hours of research, I still can't figure out what may cause that divergence. Both of my RadComboBox are declared the same way in xaml file :

<telerik:RadComboBox

x:Name="listContact"

ItemsSource="{Binding ListContactSignatureSales, Mode=OneWay}"

DisplayMemberPath ="FullName"

SelectedItem="{Binding Montage.ContratSales.ContactSignatureVente, Mode=TwoWay}"

IsSynchronizedWithCurrentItem="false"

PreviewKeyDown="RadComboBox_PreviewKeyDown"

SelectionChanged="RadComboBox_SelectionChanged"

Grid.Row="1" Grid.Column="2" Margin="5,0"

/>

<telerik:RadComboBox

x:Name="listAdresse"

ItemsSource="{Binding ListeAdresseDispo, Mode=OneWay}"

DisplayMemberPath="DescriptionAdresse"

SelectionChanged="listAdresse_SelectionChanged"

PreviewKeyDown="listAdresse_PreviewKeyDown"

SelectedItem="{Binding SelectedAdresse, Mode=TwoWay}"

Grid.Row="3" Grid.Column="0"

/>

I added the PreviewKeyDown and SelectionChanged handlers myself for debug purposes and the IsSynchronizedWithCurrentItem property is set with a style in my xaml file for the second combobox :

<Style TargetType="telerik:RadComboBox">

<Setter Property="FontFamily" Value="Calibri"/>

<Setter Property="FontSize" Value="13"/>

<Setter Property="FontWeight" Value="Normal"/>

<Setter Property="Foreground" Value="Black"/>

<Setter Property="BorderThickness" Value="1"/>

<Setter Property="BorderBrush" Value="#FFDEDEDE"/>

<Setter Property="Background" Value="White"/>

<Setter Property="IsSynchronizedWithCurrentItem" Value="false"/>

<Setter Property="Margin" Value="0,0,0,5"/>

</Style>

However the application is quite big so there might be other styles or general resources that I don't know of and that could be applied to one combobox and not the other (but I did not find any after digging a lot). I am sure that there is nothing in the code-behind concerning both these comboboxes (which means that there is no trick with events like PreviewKeyDown or SelectionChanged that would set the SelectedItem manually).

Have you any idea that could help me out ? Do you know any mechanism in your framework that could explain the difference between both my cases ?

Note : I have not been able to reproduce the second behavior in an external sample project so I understand that the "normal" behavior should be the first. However my client asks for the second behavior to be implemented and he says that it's already done in one screen which is true, I just can't figure out how...
Do not hesitate to ask for clarifications if I did not explain my problem clearly.

Thanks for your help,

Quentin.

ComboBox

asked on 21 Nov 2017

1 answer

115 views

DateTimeContinuousAxis show only one year

Hi everybody

I am trying to Create a Chart that show bar series on a long period 2years or more . And I want that theStep unit to be month. the problem is that the graph don't show more than 12 months ? like in the next document

thi is my used code
thanks for help

1.<telerik:RadCartesianChart.HorizontalAxis>

2. <telerik:DateTimeContinuousAxis GapLength="0.9"

3. LabelFormat="MMMyy"

4. MajorStep="1"

5. MajorStepUnit="Month"

6. PlotMode="OnTicks" />

7. </telerik:RadCartesianChart.HorizontalAxis>

ChartView

answered on 21 Nov 2017

7 answers

369 views

Color for CategoricalDataPoint

I have RadCartesianChart with 10 CategoricalDataPoints. How can i set color for each CategoricalDataPoint programmatically?

ChartView

answered on 21 Nov 2017

4 answers

128 views

Is possible to Drag and Drop columns?

Hi.

I got a request from one of our users to be able to reorder the resource columns. Is there a way to accomplish it with drag and drop?

Thanks.

ScheduleView

answered on 21 Nov 2017

1 answer

159 views

GanttView OneHour major tick line display format - 12 vs 24h

Hi,

I'm using RadGanttView in my program with considerable success but there's one problem that I don't know how to solve.

The view in my program will be displayed with different time scales (from minutes to hours per major tick) and with different CultureInfo for different clients.

I observed that when I set a culture info that requires displaying hours in 24 hour format I get that format in the time ruler view when major tick lines are 15 minutes apart, but not when they are 1h apart.

I poked around the ganttView object itself and I found out that the are no tick lines defined in default version of ganttView in its publicly available property TimeRulerLines. But if I debug the object and reach into its private field of timeRulerDataSource there is a collection of intervals defined for TimeRulerLines of type MajorTickLines.

ganttViewObject.timeRulerDataSource.TimeRulerSettings.TimeRulerLines[index for type (MajorTickLines)]

In this collection I could see that the intervals of FifteenMinutes and less had FormatString defined with "HH" (24h format, as required by the specified culture info) but for OneHour and more the format string is null.

How can I reliably adjust the OneHour tick interval format string in a way that would make no assumptions about the intervals defined by the user of my code and at the same time through some publicly available path of properties?

GanttView

answered on 21 Nov 2017

1 answer

146 views

SelectionRegionPanel is blank if the full timeline template is applied

I got the Radtimeline template from Blend. If I applied the style to Radtimeline, it displayed blank. Please help me to see what is wrong here. Thank you

the following template is what I get from Blend

<Style x:Key="RadTimelineStyle1" TargetType="{x:Type telerik:RadTimeline}">
<Setter Property="Foreground" Value="#FF444444"/>
<Setter Property="Background" Value="White"/>
<Setter Property="BorderBrush" Value="#FF848484"/>
<Setter Property="BorderThickness" Value="1,0,1,1"/>
<Setter Property="SliderStyle">
<Setter.Value>
<Style TargetType="{x:Type telerik:RadSlider}">
<Setter Property="HandlesVisibility" Value="Collapsed"/>
<Setter Property="Height" Value="17"/>
<Setter Property="Width" Value="17"/>
<Setter Property="IsMouseWheelEnabled" Value="False"/>
<Setter Property="IsSelectionRangeEnabled" Value="True"/>
<Setter Property="StepAction" Value="MoveRange"/>
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFF0F0F0" Offset="0.257"/>
<GradientStop Color="#FFBFBFBF" Offset="0"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="ThumbStyle">
<Setter.Value>
<Style TargetType="{x:Type Thumb}">
<Setter Property="Width" Value="10"/>
<Setter Property="IsTabStop" Value="True"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Foreground" Value="Black"/>
<Setter Property="Cursor" Value="SizeWE"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Thumb}">
<Grid>
<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
<Path x:Name="Path" Data="M4,0L5,0 5,9 4,9z M2,0L3,0 3,9 2,9z M0,0L1,0 1,9 0,9z" RenderOptions.EdgeMode="Aliased" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" Height="9" SnapsToDevicePixels="True" Width="5"/>
<Path Data="M4,0L5,0 5,9 4,9z M2,0L3,0 3,9 2,9z M0,0L1,0 1,9 0,9z" RenderOptions.EdgeMode="Aliased" Fill="White" HorizontalAlignment="Center" Height="9" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="True" Width="5">
<Path.RenderTransform>
<TranslateTransform X="1"/>
</Path.RenderTransform>
</Path>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="AlternateThumbStyle">
<Setter.Value>
<Style TargetType="{x:Type Thumb}">
<Setter Property="Width" Value="10"/>
<Setter Property="IsTabStop" Value="True"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Foreground" Value="Black"/>
<Setter Property="Cursor" Value="SizeWE"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Thumb}">
<Grid>
<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
<Path x:Name="Path" Data="M4,0L5,0 5,9 4,9z M2,0L3,0 3,9 2,9z M0,0L1,0 1,9 0,9z" RenderOptions.EdgeMode="Aliased" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" Height="9" SnapsToDevicePixels="True" Width="5"/>
<Path Data="M4,0L5,0 5,9 4,9z M2,0L3,0 3,9 2,9z M0,0L1,0 1,9 0,9z" RenderOptions.EdgeMode="Aliased" Fill="White" HorizontalAlignment="Center" Height="9" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="True" Width="5">
<Path.RenderTransform>
<TranslateTransform X="1"/>
</Path.RenderTransform>
</Path>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="SelectionMiddleThumbStyle">
<Setter.Value>
<Style TargetType="{x:Type Thumb}">
<Setter Property="IsTabStop" Value="True"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="VerticalAlignment" Value="Stretch"/>
<Setter Property="FocusVisualStyle" Value="{x:Null}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Thumb}">
<Grid>
<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="TrackStyle">
<Setter.Value>
<Style TargetType="{x:Type ContentControl}">
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ContentControl}">
<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="IncreaseHandleStyle">
<Setter.Value>
<Style TargetType="{x:Type RepeatButton}">
<Setter Property="Foreground" Value="Black"/>
<Setter Property="Width" Value="17"/>
<Setter Property="Height" Value="17"/>
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="IsTabStop" Value="True"/>
<Setter Property="Margin" Value="0"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type RepeatButton}">
<Grid x:Name="Root">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="Border">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="#FFFFC92B"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="Border">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Thickness>1</Thickness>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFFFFBA3" Offset="1"/>
<GradientStop Color="#FFFFFBDA" Offset="0"/>
<GradientStop Color="#FFFFD25A" Offset="0.43"/>
<GradientStop Color="#FFFEEBAE" Offset="0.42"/>
</LinearGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Thickness>1</Thickness>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="Path">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="Border">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF282828" Offset="0"/>
<GradientStop Color="#FF5F5F5F" Offset="1"/>
</LinearGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="Border">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Thickness>1</Thickness>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<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>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Thickness>1</Thickness>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="#FFB69A78"/>
<GradientStop Color="#FFFFE17A" Offset="0.126"/>
</LinearGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="Path">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="1">
<Border x:Name="InnerBorder" Background="#01FFFFFF" CornerRadius="0"/>
</Border>
<Path x:Name="Path" Data="M6,0L8,0 8,14 6,14 6,12 4,12 4,10 2,10 2,8 0,8 0,6 2,6 2,4 4,4 4,2 6,2z" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" Height="7" RenderTransformOrigin="0.5,0.5" Stretch="Fill" VerticalAlignment="Center" Width="4"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="RenderTransform">
<Setter.Value>
<ScaleTransform ScaleY="1" ScaleX="-1"/>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="DecreaseHandleStyle">
<Setter.Value>
<Style TargetType="{x:Type RepeatButton}">
<Setter Property="Foreground" Value="Black"/>
<Setter Property="Width" Value="17"/>
<Setter Property="Height" Value="17"/>
<Setter Property="Cursor" Value="Hand"/>
<Setter Property="IsTabStop" Value="True"/>
<Setter Property="Margin" Value="0"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type RepeatButton}">
<Grid x:Name="Root">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="Border">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="#FFFFC92B"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="Border">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Thickness>1</Thickness>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFFFFBA3" Offset="1"/>
<GradientStop Color="#FFFFFBDA" Offset="0"/>
<GradientStop Color="#FFFFD25A" Offset="0.43"/>
<GradientStop Color="#FFFEEBAE" Offset="0.42"/>
</LinearGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Thickness>1</Thickness>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="Path">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="Border">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF282828" Offset="0"/>
<GradientStop Color="#FF5F5F5F" Offset="1"/>
</LinearGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="Border">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Thickness>1</Thickness>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<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>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderThickness" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Thickness>1</Thickness>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="InnerBorder">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="#FFB69A78"/>
<GradientStop Color="#FFFFE17A" Offset="0.126"/>
</LinearGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="Path">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="1">
<Border x:Name="InnerBorder" Background="#01FFFFFF" CornerRadius="0"/>
</Border>
<Path x:Name="Path" Data="M6,0L8,0 8,14 6,14 6,12 4,12 4,10 2,10 2,8 0,8 0,6 2,6 2,4 4,4 4,2 6,2z" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" Height="7" RenderTransformOrigin="0.5,0.5" Stretch="Fill" VerticalAlignment="Center" Width="4"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="Background" Value="Transparent"/>
</Style>
</Setter.Value>
</Setter>
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="Padding" Value="0,1,0,0"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:RadSlider}">
<telerik:LayoutTransformControl x:Name="layoutControl" IsTabStop="False" RenderTransformOrigin="0.5,0">
<telerik:LayoutTransformControl.LayoutTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform/>
</TransformGroup>
</telerik:LayoutTransformControl.LayoutTransform>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="OrientationStates">
<VisualState x:Name="Horizontal">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="LayoutTransform" Storyboard.TargetName="layoutControl">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<RotateTransform Angle="0"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Vertical">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="LayoutTransform" Storyboard.TargetName="layoutControl">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<RotateTransform Angle="-90"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="ReversedHorizontal">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="LayoutTransform" Storyboard.TargetName="layoutControl">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<ScaleTransform ScaleX="-1"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="ReversedVertical">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="LayoutTransform" Storyboard.TargetName="layoutControl">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<TransformGroup>
<ScaleTransform ScaleY="-1"/>
<RotateTransform Angle="90"/>
</TransformGroup>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="RangeStates">
<VisualState x:Name="SingleThumb"/>
<VisualState x:Name="RangeThumbs">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="RangeThumbsPanel">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="SingleThumbHost">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Collapsed</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid>
<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"/>
<Grid Margin="{TemplateBinding Padding}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Grid Grid.ColumnSpan="3" Grid.Column="1">
<ContentControl x:Name="Track" Style="{TemplateBinding TrackStyle}"/>
</Grid>
<RepeatButton x:Name="DecreaseButton" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Style="{TemplateBinding DecreaseHandleStyle}" Visibility="{TemplateBinding HandlesVisibility}"/>
<RepeatButton x:Name="LargeDecreaseButton" Grid.Column="1" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}">
<RepeatButton.Style>
<Style TargetType="{x:Type RepeatButton}">
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type RepeatButton}">
<Grid Background="Transparent"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</RepeatButton.Style>
</RepeatButton>
<Grid Grid.Column="2">
<Border BorderBrush="#FF848484" BorderThickness="1" CornerRadius="0">
<Border BorderBrush="White" BorderThickness="1" CornerRadius="0">
<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 BorderThickness="1" CornerRadius="0" Height="9" MaxWidth="{Binding (telerik:ActualSizeProxy.ActualWidth), ElementName=RangeMiddleThumb}" Margin="1,0" VerticalAlignment="Center">
<Border.BorderBrush>
<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
<GradientStop Color="Black" Offset="0"/>
<GradientStop Color="Gray" Offset="1"/>
</LinearGradientBrush>
</Border.BorderBrush>
<Border.Background>
<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
<GradientStop Color="#FFFFBE32"/>
<GradientStop Color="White" Offset="1"/>
</LinearGradientBrush>
</Border.Background>
<Border Background="Transparent" CornerRadius="0" Visibility="{TemplateBinding ThumbVisibility}"/>
</Border>
</Border>
</Border>
<Thumb x:Name="SingleThumbHost" Style="{TemplateBinding ThumbStyle}" Visibility="Collapsed"/>
<StackPanel x:Name="RangeThumbsPanel" Orientation="Horizontal">
<Thumb x:Name="RangeStartThumb" Style="{TemplateBinding ThumbStyle}" Visibility="{TemplateBinding ThumbVisibility}"/>
<Thumb x:Name="RangeMiddleThumb" telerik:ActualSizeProxy.IsEnabled="True" Style="{TemplateBinding SelectionMiddleThumbStyle}"/>
<Thumb x:Name="RangeEndThumb" Style="{TemplateBinding AlternateThumbStyle}" Visibility="{TemplateBinding ThumbVisibility}"/>
</StackPanel>
</Grid>
<RepeatButton x:Name="LargeIncreaseButton" Grid.Column="3" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}">
<RepeatButton.Style>
<Style TargetType="{x:Type RepeatButton}">
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type RepeatButton}">
<Grid Background="Transparent"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</RepeatButton.Style>
</RepeatButton>
<RepeatButton x:Name="IncreaseButton" Grid.Column="4" Delay="{TemplateBinding Delay}" Interval="{TemplateBinding RepeatInterval}" Grid.Row="1" RenderTransformOrigin="0.5,0.5" Style="{TemplateBinding IncreaseHandleStyle}" Visibility="{TemplateBinding HandlesVisibility}"/>
</Grid>
</Grid>
</telerik:LayoutTransformControl>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="TimelineItemTemplate">
<Setter.Value>
<DataTemplate>
<telerik:TimelineItemControl IsSelected="{Binding IsSelected, Mode=TwoWay}">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
</telerik:TimelineItemControl>
</DataTemplate>
</Setter.Value>
</Setter>
<Setter Property="TimelineInstantItemTemplate">
<Setter.Value>
<DataTemplate>
<telerik:TimelineInstantItemControl IsSelected="{Binding IsSelected, Mode=TwoWay}">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
</telerik:TimelineInstantItemControl>
</DataTemplate>
</Setter.Value>
</Setter>
<Setter Property="PeriodHeaderStyle">
<Setter.Value>
<Style TargetType="{x:Type Border}">
<Setter Property="Height" Value="23"/>
<Setter Property="VerticalAlignment" Value="Top"/>
</Style>
</Setter.Value>
</Setter>
<Setter Property="GroupPeriodHeaderStyle">
<Setter.Value>
<Style TargetType="{x:Type Border}">
<Setter Property="Height" Value="15"/>
<Setter Property="VerticalAlignment" Value="Top"/>
</Style>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:RadTimeline}">
<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Border Background="{TemplateBinding Background}" Grid.Column="0" Height="{Binding (telerik:ActualSizeProxy.ActualHeight), ElementName=PART_TimelineStripLineContainer}" Grid.Row="0" VerticalAlignment="Bottom"/>
<telerik:TimelineAnnotationsPanel x:Name="PART_TimelineAnnotationsPanel" Grid.ColumnSpan="2" Grid.Column="0" Grid.Row="0" Slider="{Binding ElementName=PART_Slider}">
<Grid Panel.ZIndex="100">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<telerik:TimelineStripLineContainer x:Name="PART_TimelineStripLineContainer" telerik:ActualSizeProxy.IsEnabled="True" Grid.Row="2">
<telerik:TimelineStripLineContainer.ItemsPanel>
<ItemsPanelTemplate>
<telerik:VirtualizingTimeBarPanel IsItemsHost="True" PeriodStart="" PeriodEnd="" Slider="{Binding ElementName=PART_Slider}" VisiblePeriodStart="" VisiblePeriodEnd=""/>
</ItemsPanelTemplate>
</telerik:TimelineStripLineContainer.ItemsPanel>
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
<telerik:TimelineStripLineContainer.Template>
<ControlTemplate>
<ItemsPresenter/>
</ControlTemplate>
</telerik:TimelineStripLineContainer.Template>
</telerik:TimelineStripLineContainer>
<telerik:TimeSpecialSlotContainer x:Name="PART_TimeSpecialSlotContainer" Grid.Row="2">
<telerik:TimeSpecialSlotContainer.ItemsPanel>
<ItemsPanelTemplate>
<telerik:TimeBarPanel IsItemsHost="True" Slider="{Binding ElementName=PART_Slider}"/>
</ItemsPanelTemplate>
</telerik:TimeSpecialSlotContainer.ItemsPanel>
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
<telerik:TimeSpecialSlotContainer.Template>
<ControlTemplate>
<ItemsPresenter/>
</ControlTemplate>
</telerik:TimeSpecialSlotContainer.Template>
</telerik:TimeSpecialSlotContainer>
<Border Grid.Row="1">
<Border.Style>
<Style TargetType="{x:Type Border}">
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF848484" Offset="0"/>
<GradientStop Color="#FFCCCCCC" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Height" Value="4"/>
</Style>
</Border.Style>
</Border>
<telerik:TimelineGroupPeriodContainer x:Name="PART_TimelineGroupPeriodContainer" ItemHeaderStyle="{TemplateBinding GroupPeriodHeaderStyle}" Grid.Row="0">
<telerik:TimelineGroupPeriodContainer.ItemsPanel>
<ItemsPanelTemplate>
<telerik:LabelMeasurementPanel IsItemsHost="True" PeriodStart="" PeriodEnd="" Slider="{Binding ElementName=PART_Slider}" VisiblePeriodStart="" VisiblePeriodEnd=""/>
</ItemsPanelTemplate>
</telerik:TimelineGroupPeriodContainer.ItemsPanel>
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
<telerik:TimelineGroupPeriodContainer.Template>
<ControlTemplate>
<ItemsPresenter/>
</ControlTemplate>
</telerik:TimelineGroupPeriodContainer.Template>
</telerik:TimelineGroupPeriodContainer>
<telerik:TimelinePeriodContainer x:Name="PART_TimelinePeriodContainer" ItemHeaderStyle="{TemplateBinding PeriodHeaderStyle}" Grid.Row="1" Grid.RowSpan="2">
<telerik:TimelinePeriodContainer.ItemsPanel>
<ItemsPanelTemplate>
<telerik:LabelMeasurementPanel IsItemsHost="True" PeriodStart="" PeriodEnd="" Slider="{Binding ElementName=PART_Slider}" VisiblePeriodStart="" VisiblePeriodEnd=""/>
</ItemsPanelTemplate>
</telerik:TimelinePeriodContainer.ItemsPanel>
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
<telerik:TimelinePeriodContainer.Template>
<ControlTemplate>
<ItemsPresenter/>
</ControlTemplate>
</telerik:TimelinePeriodContainer.Template>
</telerik:TimelinePeriodContainer>
</Grid>
<telerik:TimelineItemContainer x:Name="PART_TimelineItemContainer" GroupExpandMode="{TemplateBinding GroupExpandMode}" SelectionRegionControl="{Binding ElementName=PART_SelectionRegion}">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
<telerik:TimelineItemContainer.Template>
<ControlTemplate>
<Grid Background="#01FFFFFF">
<ItemsPresenter/>
</Grid>
</ControlTemplate>
</telerik:TimelineItemContainer.Template>
</telerik:TimelineItemContainer>
</telerik:TimelineAnnotationsPanel>
<telerik:SelectionRegionPanel x:Name="PART_SelectionRegionPanel" Grid.Column="0" Grid.Row="0" Slider="{Binding ElementName=PART_Slider}">
<telerik:SelectionRegion x:Name="PART_SelectionRegion">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
</telerik:SelectionRegion>
</telerik:SelectionRegionPanel>
<Border Background="#FFF0F0F0" Grid.Column="1" Grid.Row="1" Visibility="{Binding Visibility, ElementName=Part_VerticalSlider}">
<Border BorderBrush="#FF848484" BorderThickness="1,1,0,0" Opacity="0.5"/>
</Border>
<telerik:TimelineScrollBar x:Name="Part_VerticalSlider" Grid.Column="1" Height="{Binding (telerik:ActualSizeProxy.ActualHeight), ElementName=PART_TimelineStripLineContainer}" IsDirectionReversed="True" Maximum="1" Minimum="0" Orientation="Vertical" Grid.Row="0" SelectionStart="0" Style="{TemplateBinding SliderStyle}" ScrollBarVisibility="{TemplateBinding VerticalScrollBarVisibility}"
SelectionEnd="1" ThumbVisibility="Collapsed" Visibility="Collapsed" VerticalAlignment="Bottom"

>
<telerik:TimelineScrollBar.Selection>

<extensions1:TelerikSelectRange BaseTypeName="telerik:SelectionRange`1"
Start="0"
End="1"
>
<x:Type TypeName="system:Double" />
</extensions1:TelerikSelectRange>
</telerik:TimelineScrollBar.Selection>
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
</telerik:TimelineScrollBar>
<telerik:RadSlider x:Name="PART_Slider" Grid.Column="0" IsCoercionSuppressed="True" Grid.Row="1" Style="{TemplateBinding SliderStyle}" Width="Auto">
<telerik:RadSlider.LargeChange>
<Binding Path="LargeChange" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:TimeSpanTicksConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.LargeChange>
<telerik:RadSlider.Maximum>
<Binding Path="PeriodEnd" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:DateTicksConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.Maximum>
<telerik:RadSlider.MinimumRangeSpan>
<Binding Path="ActualMinZoomRange" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:TimeSpanTicksConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.MinimumRangeSpan>
<telerik:RadSlider.Minimum>
<Binding Path="PeriodStart" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:DateTicksConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.Minimum>
<telerik:RadSlider.MaximumRangeSpan>
<Binding Path="MaxZoomRange" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:TimeSpanToMaximumRangeSpanConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.MaximumRangeSpan>
<telerik:RadSlider.SmallChange>
<Binding Path="SmallChange" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:TimeSpanTicksConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.SmallChange>
<telerik:RadSlider.Selection>
<Binding Mode="TwoWay" Path="ActualVisiblePeriodRange" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:SelectionRangeDateTicksConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.Selection>
<telerik:RadSlider.ThumbVisibility>
<Binding Path="ScrollMode" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:ScrollModeToThumbVisibilityConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.ThumbVisibility>
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
<telerik:RadSlider.Visibility>
<Binding Path="ScrollMode" RelativeSource="{RelativeSource TemplatedParent}">
<Binding.Converter>
<telerik:ScrollModeToVisibilityConverter/>
</Binding.Converter>
</Binding>
</telerik:RadSlider.Visibility>
</telerik:RadSlider>
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

TimeLine

answered on 21 Nov 2017