Questions on UI for WPF Forum

1 answer

153 views

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

Hi,

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

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

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

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

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

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

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

GanttView

answered on 21 Nov 2017

1 answer

136 views

SelectionRegionPanel is blank if the full timeline template is applied

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

the following template is what I get from Blend

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

>
<telerik:TimelineScrollBar.Selection>

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

TimeLine

answered on 21 Nov 2017

3 answers

189 views

Overwriting the GroupHeaderRowToggleButton style

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.

GridView

answered on 21 Nov 2017

1 answer

70 views

Customize Telerik RadCartesianChart XMLDataProvider

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.

General Discussions

answered on 20 Nov 2017

2 answers

124 views

Docking not working correct

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

Docking

answered on 20 Nov 2017

3 answers

194 views

WPF RadGridView and BindingOperations.EnableCollectionSynchronization

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?

GridView

answered on 20 Nov 2017

6 answers

526 views

Radwindow as main window not showing

Hello,

I have a problem trying to reproduce the Radwindow as main window KB (https://www.telerik.com/support/kb/wpf/window/details/how-to-use-radwindow-as-main-window).

I'm using VB.NET with 2017.3.913.40 telerik components. I'm also using noXaml binaries.

When i run the application, nothing is visible.

I've tried todo this alos MainWindow inherits radwindow, but it's not better.

If i remove the onStartup code and set the application startupuri to MainWindow.xaml, i have the window visible, but there is another aweful window visible behind.

This problem will drive me crazy !

Thanks in advance for your answers.

Application.xaml

<Application x:Class="TelerikWpfApp13.Application"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

xmlns:local="clr-namespace:TelerikWpfApp13">

<Application.Resources>

<ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary Source="/Telerik.Windows.Themes.Material;component/Themes/System.Windows.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Material;component/Themes/Telerik.Windows.Controls.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Material;component/Themes/Telerik.Windows.Controls.Navigation.xaml" />

<ResourceDictionary Source="/Telerik.Windows.Themes.Material;component/Themes/Telerik.Windows.Controls.Docking.xaml" />

</ResourceDictionary.MergedDictionaries>

<Style TargetType="local:MainWindow" BasedOn="{StaticResource RadWindowStyle}" />

</ResourceDictionary>

</Application.Resources>

</Application>

Application.xaml.vb

Class Application

Inherits System.Windows.Application

' Application-level events, such as Startup, Exit, and DispatcherUnhandledException

' can be handled in this file.

Protected Overrides Sub OnStartup(e As StartupEventArgs)

Call New MainWindow().Show()

MyBase.OnStartup(e)

End Sub

End Class

MainWindow.xaml

<telerik:RadWindow x:Class="MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

Header="MainWindow" Height="300" Width="300">

<Grid>

</Grid>

</telerik:RadWindow>

MainWindow.xaml.vb

Public Class MainWindow

End Class

Window

answered on 17 Nov 2017

1 answer

94 views

The stacked bars not visible

I have the following code for generating a stackedbar chart, but the bars are not visible. I have attached the screen shot of chart as well.

Can you please help me point out the issue

Class ChartDatas
Public SalesRep As String
Public LastYearValue As Double
Public CurYearValue As Double
Public BudgetedValue As Double

Public Sub New(ByVal strSalesRep As String, dbLastYearVal As Double, dbCurYearVal As Double, dbBudgetedVal As Double)
SalesRep = strSalesRep
LastYearValue = dbLastYearVal
CurYearValue = dbCurYearVal
BudgetedValue = dbBudgetedVal
End Sub
End Class

Private Sub ShowChart()

chtComparison.SeriesMappings.Clear()
chtComparison.DefaultView.ChartLegend.Visibility = Visibility.Collapsed
chtComparison.DefaultView.ChartArea.DataSeries.Clear()
chtComparison.DefaultView.ChartLegend.UseAutoGeneratedItems = True

Dim SeriesColor As Color
Dim seriesDef As StackedBarSeriesDefinition

Dim ListChartData As New List(Of ChartDatas)
ListChartData.Add(New ChartDatas("Sales Rep1", 100, 200, 300))
ListChartData.Add(New ChartDatas("Sales Rep2", 200, 300, 200))
ListChartData.Add(New ChartDatas("Sales Rep3", 50, 300, 200))

Dim SeriesMap1 As New SeriesMapping() With {.LegendLabel = "Series1"}
SeriesMap1.ItemMappings.Add(New ItemMapping("LastYearValue", DataPointMember.YValue))
SeriesMap1.ItemMappings.Add(New ItemMapping("SalesRep", DataPointMember.XCategory))
'SeriesMap1.SeriesDefinition = New StackedBarSeriesDefinition() With {.ShowItemLabels = True}
SeriesColor = Color.FromRgb(0, 0, 255)
seriesDef = New StackedBarSeriesDefinition With {.ShowItemLabels = True}
seriesDef.Appearance.Fill = New SolidColorBrush(SeriesColor)
SeriesMap1.SeriesDefinition = seriesDef

Dim SeriesMap2 As New SeriesMapping() With {.LegendLabel = "Series2"}
SeriesMap2.ItemMappings.Add(New ItemMapping("CurYearValue", DataPointMember.YValue))
SeriesMap2.ItemMappings.Add(New ItemMapping("SalesRep", DataPointMember.XCategory))
'SeriesMap2.SeriesDefinition = New StackedBarSeriesDefinition() With {.ShowItemLabels = True}
SeriesColor = Color.FromRgb(0, 255, 0)
seriesDef = New StackedBarSeriesDefinition With {.ShowItemLabels = True}
seriesDef.Appearance.Fill = New SolidColorBrush(SeriesColor)
SeriesMap2.SeriesDefinition = seriesDef

Dim SeriesMap3 As New SeriesMapping() With {.LegendLabel = "Series3"}
SeriesMap3.ItemMappings.Add(New ItemMapping("BudgetedValue", DataPointMember.YValue))
SeriesMap3.ItemMappings.Add(New ItemMapping("SalesRep", DataPointMember.XCategory))
SeriesColor = Color.FromRgb(255, 0, 0)
seriesDef = New StackedBarSeriesDefinition With {.ShowItemLabels = True}
seriesDef.Appearance.Fill = New SolidColorBrush(SeriesColor)
SeriesMap3.SeriesDefinition = seriesDef

'chtComparison.DefaultView.ChartArea.AxisY.AutoRange = False
'chtComparison.DefaultView.ChartArea.AxisY.AddRange(0, 1000, 100)

chtComparison.SeriesMappings.Add(SeriesMap1)
chtComparison.SeriesMappings.Add(SeriesMap2)
chtComparison.SeriesMappings.Add(SeriesMap3)
chtComparison.ItemsSource = ListChartData

End Sub

Chart

answered on 17 Nov 2017

5 answers

229 views

Format painter. How to change selected text style?

Hi,

I want to change selected text style. I don't have problem with change one word or line but i don't know how to select exact text and change style.

Below is code how i change style selected line.

private void Editor_OnMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{

              var normalStyle = editor.Document.StyleRepository[HeadingName];
                var position = new DocumentPosition(editor.Document.CaretPosition);
                position.MoveToCurrentLineStart();
                editor.Document.Selection.AddSelectionStart(position);
                position.MoveToCurrentLineEnd();
                editor.Document.Selection.AddSelectionEnd(position);

                editor.ChangeSpanStyle(normalStyle);

}

I don't find any solution to solve this problem.

Any suggestion?

RichTextBox

answered on 17 Nov 2017

2 answers

175 views

RadRichTextBox binding ViewModel to RadRibbonBackstageItem

Hi,

I have a problem with bindning command (which is in parent ViewModel) to RadRibbonBackstageItem.

...........

<telerik:RadRibbonBackstageItem Header="Options"
                                                    Icon="{telerik:IconResource IconRelativePath=16/new.png,
                                                                                IconSources={StaticResource IconSources}}"
                                                    DataContext="{Binding DataContext, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}, Mode=TwoWay}"
                                                    Command="{Binding OptionsWindowCommand }""
                                                    IsSelectable="false"
                                                    >

The Command don't pass to ViewModel.

Any suggestion?

RichTextBox

answered on 16 Nov 2017