Telerik Forums
UI for WPF Forum
0 answers
246 views

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.

Quentin
Top achievements
Rank 1
 asked on 21 Nov 2017
1 answer
138 views

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>

 

Martin Ivanov
Telerik team
 answered on 21 Nov 2017
7 answers
419 views
I have RadCartesianChart with 10 CategoricalDataPoints. How can i set color for each CategoricalDataPoint programmatically?
Martin Ivanov
Telerik team
 answered on 21 Nov 2017
4 answers
159 views

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.

Dinko | Tech Support Engineer
Telerik team
 answered on 21 Nov 2017
1 answer
177 views

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?

Martin
Telerik team
 answered on 21 Nov 2017
1 answer
175 views

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>

Sia
Telerik team
 answered on 21 Nov 2017
3 answers
254 views

Hi.

I am using Grouping with GroupRenderMode set to Flat and ColumnAggregatesAlignment set to NextToGroupKey.

My problem is that as long as i try i cannot overwrite the ToggleButton style in order to link the foreground to a resource.

Below is what i believe that is the style of the toggle button. Whatever i do, nothing works.

 <Style BasedOn="{StaticResource GroupHeaderRowToggleButtonStyle}" TargetType="{x:Type ToggleButton}">
                <Setter Property="Control.Template" Value="{StaticResource GroupHeaderRowToggleButtonTemplateCUSTOM}"/>
                <Setter Property="Control.HorizontalContentAlignment" Value="Left"/>
                <Setter Property="Control.VerticalContentAlignment" Value="Center"/>
                <Setter Property="Control.Padding" Value="9 0 0 0"/>
</Style>

Martin
Telerik team
 answered on 21 Nov 2017
1 answer
88 views

I have WPF application RadCartesianChart

This is the code of one of them......

  <telerik:RadCartesianChart x:Name="RadChart1"     Palette="Windows8"  DataContext="{Binding XPath=/Nodes/Node,Source={StaticResource xml_Chart}}">

            <telerik:RadCartesianChart.HorizontalAxis>
                <telerik:CategoricalAxis Background="#FFF50000" />
            </telerik:RadCartesianChart.HorizontalAxis>
            <telerik:RadCartesianChart.VerticalAxis>
                <telerik:LinearAxis />
            </telerik:RadCartesianChart.VerticalAxis>
            <telerik:RadCartesianChart.Series>
                <telerik:BarSeries CategoryBinding="{Binding XPath=@shortTime}"
                                   ValueBinding="{Binding XPath=Item/@value}"
                                   ItemsSource="{Binding}"   ShowLabels="True">
                </telerik:BarSeries>
            </telerik:RadCartesianChart.Series>
       </telerik:RadCartesianChart>
     =============================================================

I want to work with xml..

<telerik:BarSeries CategoryBinding="{Binding XPath=@shortTime}"
                                   ValueBinding="{Binding XPath=Item/@value}"
                                   ItemsSource="{Binding}"   ShowLabels="True">
                </telerik:BarSeries>

I can not run it. Help..... Thanks.

 

 

 

 

Martin Ivanov
Telerik team
 answered on 20 Nov 2017
2 answers
156 views

Hi

I have big troubles using your framework. Nowadays the docking functionality doesn't work as it should.

If I drag a panel, the panel (and also its border) is not visible while dragging. After docking the panel's titlebar is disappeared.

I'm running the latest version of your framework on visual studio 2017 (15.2).

 

Dinko | Tech Support Engineer
Telerik team
 answered on 20 Nov 2017
3 answers
278 views
I need to know if WPF RadGridView works with BindingOperations.EnableCollectionSynchronization. If not what solution you are suggesting to iterate and update my collection from worker thread?
Dilyan Traykov
Telerik team
 answered on 20 Nov 2017
Narrow your results
Selected tags
Tags
GridView
General Discussions
Chart
RichTextBox
Docking
ScheduleView
ChartView
TreeView
Diagram
Map
ComboBox
TreeListView
Window
RibbonView and RibbonWindow
PropertyGrid
DragAndDrop
TabControl
TileView
Carousel
DataForm
PDFViewer
MaskedInput (Numeric, DateTime, Text, Currency)
AutoCompleteBox
DatePicker
Buttons
ListBox
GanttView
PivotGrid
Spreadsheet
Gauges
NumericUpDown
PanelBar
DateTimePicker
DataFilter
Menu
ContextMenu
TimeLine
Calendar
Installer and Visual Studio Extensions
ImageEditor
BusyIndicator
Expander
Slider
TileList
DataPager
PersistenceFramework
Styling
TimeBar
OutlookBar
TransitionControl
FileDialogs
Book
ToolBar
ColorPicker
TimePicker
MultiColumnComboBox
SyntaxEditor
VirtualGrid
NavigationView (Hamburger Menu)
Wizard
ExpressionEditor
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
LayoutControl
ProgressBar
Sparkline
TabbedWindow
ToolTip
CloudUpload
ColorEditor
TreeMap and PivotMap
EntityFrameworkCoreDataSource (.Net Core)
HeatMap
Chat (Conversational UI)
VirtualizingWrapPanel
Calculator
NotifyIcon
TaskBoard
TimeSpanPicker
BulletGraph
Licensing
WebCam
CardView
DataBar
FilePathPicker
Callout
PasswordBox
SplashScreen
Localization
Rating
Accessibility
CollectionNavigator
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?