Telerik Forums / UI for WPF
This is a migrated thread and some comments may be shown as answers.

SelectionRegionPanel is blank if the full timeline template is applied

1 Answer 79 Views
TimeLine
This is a migrated thread and some comments may be shown as answers.
mao
Top achievements
Rank 1
mao asked on 16 Nov 2017, 09:56 PM
timeline-blank.png

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>
                                    <!--<telerik:SelectionRange`1 End="1" Start="0"/>-->
                                    <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>

1 Answer, 1 is accepted

Sort by
0
Sia
Telerik team
answered on 21 Nov 2017, 11:55 AM
Hello,

The described issues is caused by the template extraction in Blend where several ItemsSource Bindings are skipped:

of TimelineStripLineContainer:
<!-- Added ItemsSource -->
<telerik:TimelineStripLineContainer x:Name="PART_TimelineStripLineContainer" telerik:ActualSizeProxy.IsEnabled="True" Grid.Row="2" ItemsSource="{TemplateBinding IntervalItems}">
***

of TimeSpecialSlotContainer:
<!-- Added ItemsSource -->
<telerik:TimeSpecialSlotContainer x:Name="PART_TimeSpecialSlotContainer" Grid.Row="2" ItemsSource="{TemplateBinding SpecialSlots}">

of TimelineGroupPeriodContainer:
<!-- Added ItemsSource -->
<telerik:TimelineGroupPeriodContainer x:Name="PART_TimelineGroupPeriodContainer" ItemHeaderStyle="{TemplateBinding GroupPeriodHeaderStyle}" Grid.Row="0" ItemsSource="{TemplateBinding IntervalGroups}">

of TimelinePeriodContainer:
<!-- Added ItemsSource -->
<telerik:TimelinePeriodContainer x:Name="PART_TimelinePeriodContainer" ItemHeaderStyle="{TemplateBinding PeriodHeaderStyle}" Grid.Row="1" Grid.RowSpan="2" ItemsSource="{TemplateBinding IntervalItems}">

of TimelineItemContainer:
<!-- Added ItemsSource -->
<telerik:TimelineItemContainer x:Name="PART_TimelineItemContainer" GroupExpandMode="{TemplateBinding GroupExpandMode}" SelectionRegionControl="{Binding ElementName=PART_SelectionRegion}" ItemsSource="{TemplateBinding GroupedDataItems}">

The missing ItemsSource issue has been already reported to Microsoft, its current status is Closed and that is why you will need to fix it by adding an ItemSource to the above containers manually. 

Regards,
Sia
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Tags
TimeLine
Asked by
mao
Top achievements
Rank 1
Answers by
Sia
Telerik team
Share this question
or