Stick template

[Anatoly Chekh]

Hello!

Can you give me full temlate for the stick?

Thanks, Anatoly Chekh.

[Giuseppe]

Hello Anatoly,

Here is the XAML snippet with the Stick style:

xmlns:system="clr-namespace:System;assembly=mscorlib"
xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

<Style x:Key="CustomStyle" TargetType="telerik:Stick">
    <Setter Property="Template" >
        <Setter.Value>
            <ControlTemplate TargetType="telerik:Stick">
                <Canvas x:Name="PART_MainContainer">
                    <telerik:ParametricLine x:Name="PART_VerticalLine" LineStyle="{TemplateBinding ItemStyle}"
                    <telerik:ParametricLine x:Name="PART_OpenLine" LineStyle="{TemplateBinding ItemStyle}"
                    <telerik:ParametricLine x:Name="PART_CloseLine" LineStyle="{TemplateBinding ItemStyle}"

                    <vsm:VisualStateManager.VisualStateGroups>
                        <vsm:VisualStateGroup x:Name="HoverStates">
                            <vsm:VisualState x:Name="Normal">
                                <Storyboard>
                                  <DoubleAnimation To="1.0" Storyboard.TargetName="PART_MainContainer" Storyboard.TargetProperty="Opacity" Duration="0.00:00:00.15" />
                                </Storyboard>
                            </vsm:VisualState>
                            <vsm:VisualState x:Name="Hovered">
                                <Storyboard>
                                  <DoubleAnimation To="1.0" Storyboard.TargetName="PART_MainContainer" Storyboard.TargetProperty="Opacity" Duration="0.00:00:00.15" />
                                </Storyboard>
                            </vsm:VisualState>
                            <vsm:VisualState x:Name="Hidden">
                                <Storyboard>
                                  <DoubleAnimation To="0.15" Storyboard.TargetName="PART_MainContainer" Storyboard.TargetProperty="Opacity" Duration="0.00:00:00.15" />
                                </Storyboard>
                            </vsm:VisualState>
                        </vsm:VisualStateGroup>
                        <vsm:VisualStateGroup x:Name="SelectionStates">
                            <vsm:VisualState x:Name="Unselected">
                            </vsm:VisualState>
                            <vsm:VisualState x:Name="Selected">
                                <Storyboard>
                                  <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_VerticalLine" Duration="0.00:00:00.05" Storyboard.TargetProperty="StrokeThickness">
                                    <DiscreteObjectKeyFrame KeyTime="0.00:00:00.0">
                                      <DiscreteObjectKeyFrame.Value>
                                        <system:Double>3</system:Double>
                                      </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                  </ObjectAnimationUsingKeyFrames>
                                  <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_OpenLine" Duration="0.00:00:00.05" Storyboard.TargetProperty="StrokeThickness">
                                    <DiscreteObjectKeyFrame KeyTime="0.00:00:00.0">
                                      <DiscreteObjectKeyFrame.Value>
                                        <system:Double>3</system:Double>
                                      </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                  </ObjectAnimationUsingKeyFrames>
                                  <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_CloseLine" Duration="0.00:00:00.05" Storyboard.TargetProperty="StrokeThickness">
                                    <DiscreteObjectKeyFrame KeyTime="0.00:00:00.0">
                                      <DiscreteObjectKeyFrame.Value>
                                        <system:Double>3</system:Double>
                                      </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                  </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </vsm:VisualState>
                        </vsm:VisualStateGroup>
                    </vsm:VisualStateManager.VisualStateGroups>
                </Canvas>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Kind regards,
Giuseppe
the Telerik team

[Anatoly Chekh]

How can I change this template for paint open and close line full (from 0 to Width, not to Width / 2)?

[Giuseppe]

Hi Anatoly Chekh,

If we understand you correctly, you can achieve the desired appearance without retemplating just by setting the RadChart.DefaultView.ChartArea.ItemWidthPercent property to 100.

Alternatively, you can check this blog post here that demonstrates how you can create custom chart series as well.

Hope this helps.


Best wishes,
Giuseppe
the Telerik team