Questions on UI for WPF Forum

2 answers

176 views

[Solved] Task DB Click Event

Hy,

Is there any solution for to handle a Double Click Event on a single Task Item?

Greetings

Alfred

GanttView

answered on 25 Jul 2012

2 answers

147 views

[Solved] Task Dependency Hide

Hy,

Is it Possible to Hide the Task Dependency? Or do i have to write my Custom List?

Kind Regards

Alfred

GanttView

answered on 25 Jul 2012

9 answers

244 views

Row Error Template

I am using RowValidating to catch duplicate records for one of my grids. I add a validation result to the first cell and set e.IsValid to false. This works just as I would expect in edit mode. However, when I add a new row and get this error, it stops the save correctly and moves the cursor to the first cell with the tool tip showing but the row itself does not go red like it does in Edit mode. Do I need to do something different for a new row to get the error template to show? Do I need to change the error template?

thanks!

GridView

answered on 25 Jul 2012

1 answer

132 views

GridView Last Row Getting Chopped when Font Family is set to Arial

Hello Telerik,

I am facing an issue with telerik gridview. The Last row of the gridview is getting chopped when I try to resize the column and the Font-Family of the Row or the Gridview is set to 'Arial'.

I am using the telerik dll version :- 2012.2.0607.40.
Attached is the screenshot of the issue.

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

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

xmlns:telerikData="clr-namespace:Telerik.Windows.Data;assembly=Telerik.Windows.Data"

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

xmlns:telerikNavigation="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"

xmlns:telerikInput="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"

xmlns:telerikGrid="clr-namespace:Telerik.Windows.Controls.GridView;assembly=Telerik.Windows.Controls.GridView"

xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:Telerik_Windows_Controls_Chromes="clr-namespace:Telerik.Windows.Controls.Chromes;assembly=Telerik.Windows.Controls"

xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero"

xmlns:local="clr-namespace:WpfApplication1"

xmlns:Telerik_Windows_Controls_Animation="clr-namespace:Telerik.Windows.Controls.Animation;assembly=Telerik.Windows.Controls.Navigation"

x:Class="WpfApplication1.MainWindow" x:Name="Window"

WindowStartupLocation="CenterOwner"

xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"

Title="MainWindow" Width="640" Height="480">

<Grid x:Name="LayoutRoot">

<ScrollViewer >

<telerikGridView:RadGridView x:Name="dataGrid1" IsReadOnly="True" IsFilteringAllowed="True" ShowGroupPanel="False"

ItemsSource="{Binding}" AutoGenerateColumns="False" SelectionMode="Single"

RowIndicatorVisibility="Collapsed" ScrollMode="RealTime" DataLoadMode="Asynchronous"

EnableRowVirtualization="True" EnableColumnVirtualization="True" RowDetailsVisibilityMode="VisibleWhenSelected"

ShowColumnFooters="False" GridLinesVisibility="Horizontal" Height="410" FontFamily="Arial">

<telerikGridView:RadGridView.Columns>

<telerikGridView:GridViewDataColumn Header="CaseSeq" UniqueName="CaseSeq" IsVisible="False" DataMemberBinding="{Binding CaseSeq}" />

<telerikGridView:GridViewDataColumn Header="Days Remaining" UniqueName="DaysRemaining" DataMemberBinding="{Binding ProbationDaysRemaining}" />

<telerikGridView:GridViewDataColumn Header="Case Name" UniqueName= "CaseName" DataMemberBinding="{Binding CaseName}" TextWrapping="Wrap"/>

<telerikGridView:GridViewDataColumn Header="CS Balance" UniqueName="CSBalance" DataMemberBinding="{Binding CSBalance}"/>

<telerikGridView:GridViewDataColumn Header="Case Text" UniqueName="CaseText" DataMemberBinding="{Binding CaseText}" />

<telerikGridView:GridViewDataColumn Header="Balance" UniqueName="Balance" DataMemberBinding="{Binding Balance}" DataFormatString="{}{0:C}" TextAlignment="Right" HeaderTextAlignment="Right"/>

</telerikGridView:RadGridView.Columns>

</telerikGridView:RadGridView>

</ScrollViewer>

</Grid>

</Window>

Can you please advice how to resolve this issue?

Thanks,
Neha

GridView

answered on 25 Jul 2012

4 answers

134 views

[Solved] Delay Regrouping Of GanttView

Hello,

I have been noticing that the ganttview appears to re-layout itself every time something changes about the child tree. This seems to be slowing my program down alot (a few seconds to add and subtract a few hundred tasks). Is there any way to delay or pause this rendering until I have completed manipulating the structure?

Thanks,
Eric

GanttView

answered on 25 Jul 2012

9 answers

154 views

Setting SelectedItem in GridView ineffective when inside collapsed RadExpander

Hello,

I have a RadGridView inside a RadExpander as follows:

<telerik:RadExpander Grid.Row="2" Grid.Column="0" IsExpanded="False" Margin="0,10,0,0">

<telerik:RadExpander.Header>

<TextBlock Text="{Binding ElementName=_this, Path=TargetStatistics.TargetCount, StringFormat=Targets ({0})}"/>

</telerik:RadExpander.Header>

<telerik:RadGridView x:Name="targetList" ItemsSource="{Binding Path=SensorDataBuffer.Targets}" AutoGenerateColumns="False" CanUserDeleteRows="False" CanUserInsertRows="False" IsReadOnly="True" IsFilteringAllowed="False" ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollBarVisibility="Visible" RowIndicatorVisibility="Collapsed" SelectionMode="Single">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Timestamp" DataMemberBinding="{Binding Path=Timestamp, StringFormat=HH:mm:ss}"/>

<telerik:GridViewDataColumn Header="Location" DataMemberBinding="{Binding Path=Location, Converter={StaticResource LocationConverter}}"/>

<telerik:GridViewDataColumn Header="Confidence" DataMemberBinding="{Binding Path=Confidence, StringFormat=p0}"/>

<telerik:GridViewDataColumn Header="Depth" DataMemberBinding="{Binding Path=Depth, Converter={StaticResource DistanceConverter}}"/>

<telerik:GridViewDataColumn Header="Detected by" DataMemberBinding="{Binding Path=TargetDetectType.Enum}"/>

<telerik:GridViewDataColumn Header="User action" DataMemberBinding="{Binding Converter={StaticResource TargetToUserActionConverter}}"/>

<telerik:GridViewDataColumn Header="Status" DataMemberBinding="{Binding Converter={StaticResource TargetToCurrentStatusConverter}}"/>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadExpander>

The SensorDaraBuffer.Targets that the RadGridView is bound to is a ReadOnlyObservableCollection<Target>.

Elsewhere in the same XAML file, I have bound the SelectedItem property of the RadGridView to a DependencyProperty in a UserControl named SensorDataView:

<local:SensorDataView x:Name="sensorDataView" SelectedTarget="{Binding ElementName=targetList, Path=SelectedItem, Mode=TwoWay}"/>

The SelectedTarget DependencyProperty is defined as follows:

public static DependencyProperty SelectedTargetProperty = DependencyProperty.Register("SelectedTarget", typeof(Target), typeof(SensorDataView), new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault, OnSelectedTargetChanged));

My problem is that when the window containing the RadExpander is first displayed (with the RadExpander collapsed) setting the SelectedItem property of the RadGridView does not cause the desired item to be selected. I have tried both setting the SelectedItem property directly on the GridView:

targetList.SelectedItem = target;

and by setting the SelectedTarget DependencyProperty:

sensorDataView.SelectedTarget = target;

I know that the selection of the desired item is not occurring because I have another control that is bound to the SelectedTarget DependencyProperty and that control does not give any visual indication of the selected target being changed. Also, my OnSelectedTargetChanged event handler in SensorDataView does not get called.

Once I expand the RadExpander via the UI and actually see the RadGridView, the setting of the SelectedItem, regardless of which way I do it, works as expected. I can also then collapse the RadExpander and the setting of the SelectedItem continues to work as expected.

I believe this is an issue with RadGridView because I replaced the RadGridView in the XAML with a ListView as follows:

<ListView Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="4" x:Name="targetList" ItemsSource="{Binding Path=SensorDataBuffer.Targets}" Margin="10,0,0,0">

<ListView.View>

<GridView>

<GridViewColumn Header="Timestamp" DisplayMemberBinding="{Binding Path=Timestamp, StringFormat=HH:mm}"/>

<GridViewColumn Header="Location" DisplayMemberBinding="{Binding Path=Location, Converter={StaticResource LocationConverter}}"/>

<GridViewColumn Header="Confidence" DisplayMemberBinding="{Binding Path=Confidence, StringFormat=p0}"/>

<GridViewColumn Header="Depth" DisplayMemberBinding="{Binding Path=Depth, Converter={StaticResource DistanceConverter}}"/>

<GridViewColumn Header="Detection Type" DisplayMemberBinding="{Binding Path=TargetDetectType.Enum}"/>

<GridViewColumn Header="Status" DisplayMemberBinding="{Binding Converter={StaticResource TargetToCurrentStatusConverter}}"/>

</GridView>

</ListView.View>

</ListView>

With the ListView, the setting of the SelectedItem works as expected from the very beginning when the RadExpander is collapsed and continues to work as I expand and collapse the RadExpander.

Does anybody have an idea what may be going here?

Thank you,

-- john

GridView

answered on 25 Jul 2012

3 answers

183 views

Accentuate Grouped Task

Hello,
When by tasks are groups under a single task, it is very difficult to tell that they are grouped together. In fact, the only way you know is that they are indented on the left. I'm looking to make the difference more obvious. Ideally this would be colored shading behind each task that indicates the shape of the group. See attached image for what I am trying to do. The only way I could think of to do this would be modify the event container styles and and rectangles each group. I see several problems with this approch:

The event container seems to have little correnspondance the gantttask in that container. Whenever the structure of the tasks changes, the gantttask would possibly get placed with a different container.
The recursive nature of the tasks means the rectangles would have to be generated in code-behind, because there could be arbitraily many of them.

I think a more practical solution would be just drawing a single rectangle around each group of tasks, and set its fill. This still has the issue needing to be recalculated every time the chart has changed.

I was wondering if you guys had any suggestions as to the best way to go about doing this?

Thanks,
Eric.

GanttView

answered on 25 Jul 2012

4 answers

6.5K+ views

Vertical Separator for wpf

Hi all

Does telerik have a vertical separator for wpf that separates sections of the 'form'?
eg something similar to the winforms version here: http://www.telerik.com/help/winforms/panels-and-labels-separator.html

I want to use both vertical and horizontal separators strictly for visual appearance, but there doesn't seem to be anything available.

cheers

Alex

General Discussions

answered on 25 Jul 2012

2 answers

149 views

[Solved] Shape / Connection Linked List

Hy,

Is it possible to get a Linked List combined with Shape - Connection -- Shape etc.
As A Example

- Shape 1
   - Connection 1
        - Shape2
           - Connection 1
               - Shape 5
   - Connection 2
       - Shape 3

Kind Regards

Alfred

Diagram

answered on 25 Jul 2012

2 answers

394 views

styles are not applying at runtime

Hi There,

I have created some styles for PaneHeader, and this will be a implicit style so that it will be applied automatically. my problem is
this style is applied at design view, but at runtime style is not working.
Can you please tell me where i am doing mistake?

i am pasting my style here please check once.

<Style x:Key="ButtonChromeStyle1" TargetType="{x:Type Telerik_Windows_Controls_Chromes:ButtonChrome}">
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="SnapsToDevicePixels" Value="True"/>
<Setter Property="FocusVisualStyle" Value="{x:Null}"/>
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="White" Offset="0"/>
<GradientStop Color="Gainsboro" Offset="0.5"/>
<GradientStop Color="#FFADADAD" Offset="0.5"/>
<GradientStop Color="#FFD4D4D4" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="BorderBrush" Value="#FF848484"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="CornerRadius" Value="1"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Telerik_Windows_Controls_Chromes:ButtonChrome}">
<Grid>
<Border x:Name="OuterBorder" Opacity="0" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding CornerRadius}">
<Border x:Name="InnerBorder" BorderBrush="White" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding InnerCornerRadius}"/>
</Border>
<Border x:Name="ActiveVisual" BorderBrush="{x:Null}" CornerRadius="{TemplateBinding CornerRadius}" Opacity="0" Visibility="Collapsed" Background="#FF5DB1C6">
<Border x:Name="ActiveInnerVisual" BorderBrush="White" CornerRadius="{TemplateBinding InnerCornerRadius}"/>
</Border>
<Border x:Name="MouseOverVisual" BorderBrush="{x:Null}" CornerRadius="{TemplateBinding CornerRadius}" Opacity="0" Visibility="Collapsed" Background="#FF72CEE5">
<Border x:Name="MouseOverInnerVisual" BorderBrush="#FF5DB1C6" CornerRadius="{TemplateBinding InnerCornerRadius}"/>
</Border>
<Border x:Name="PressedVisual" CornerRadius="{TemplateBinding CornerRadius}" Opacity="0" Visibility="Collapsed">
<Border.BorderBrush>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF282828"/>
<GradientStop Color="#FF5F5F5F" Offset="1"/>
</LinearGradientBrush>
</Border.BorderBrush>
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF8DE8FF" Offset="0"/>
<GradientStop Color="#FF8DE8FF" Offset="0.5"/>
<GradientStop Color="#FF29B7DC" Offset="0.505"/>
<GradientStop Color="#FF5DB1C6" Offset="0.043"/>
</LinearGradientBrush>
</Border.Background>
<Border x:Name="PressedInnerVisual" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding InnerCornerRadius}">
<Border.BorderBrush>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF76A5B1"/>
<GradientStop Color="#FF71E2FF" Offset="0.126"/>
</LinearGradientBrush>
</Border.BorderBrush>
</Border>
</Border>
<Border x:Name="FocusVisual" BorderBrush="#FF3AC7EB" BorderThickness="{TemplateBinding BorderThickness}" Background="Transparent" CornerRadius="{TemplateBinding CornerRadius}" Opacity="0" Visibility="Collapsed">
<Border x:Name="FocusInnerVisual" BorderBrush="Transparent" BorderThickness="1" CornerRadius="{TemplateBinding InnerCornerRadius}"/>
</Border>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="Orientation" Value="Vertical">
<Setter Property="BorderBrush" TargetName="OuterBorder" Value="#FF848484"/>
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
<Setter Property="Background" TargetName="OuterBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="White" Offset="0"/>
<GradientStop Color="Gainsboro" Offset="0.5"/>
<GradientStop Color="#FFADADAD" Offset="0.5"/>
<GradientStop Color="#FFD4D4D4" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="BorderBrush" TargetName="MouseOverVisual" Value="#FFFFC92B"/>
<Setter Property="BorderBrush" TargetName="MouseOverInnerVisual" Value="White"/>
<Setter Property="Background" TargetName="MouseOverVisual">
<Setter.Value>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="#FFFFFBA3" Offset="1"/>
<GradientStop Color="#FFFFFBDA" Offset="0"/>
<GradientStop Color="#FFFFD25A" Offset="0.43"/>
<GradientStop Color="#FFFEEBAE" Offset="0.42"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="BorderBrush" TargetName="PressedVisual">
<Setter.Value>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="#FF282828"/>
<GradientStop Color="#FF5F5F5F" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="BorderBrush" TargetName="PressedInnerVisual">
<Setter.Value>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="#FFB69A78"/>
<GradientStop Color="#FFFFE17A" Offset="0.126"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Background" TargetName="PressedVisual">
<Setter.Value>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<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>
</Setter.Value>
</Setter>
<Setter Property="BorderBrush" TargetName="FocusVisual" Value="#FFFFC92B"/>
<Setter Property="BorderBrush" TargetName="FocusInnerVisual" Value="Transparent"/>
<Setter Property="Background" TargetName="FocusVisual" Value="Transparent"/>
</Trigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Orientation" Value="Horizontal"/>
<Condition Property="RenderEnabled" Value="False"/>
<Condition Property="RenderChecked" Value="True"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF282828"/>
<GradientStop Color="#FF5F5F5F" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="BorderBrush" TargetName="InnerBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFB69A78"/>
<GradientStop Color="#FFFFE17A" Offset="0.125"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Background" TargetName="OuterBorder" Value="#FFE0E0E0"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Orientation" Value="Horizontal"/>
<Condition Property="RenderEnabled" Value="False"/>
<Condition Property="RenderChecked" Value="False"/>
<Condition Property="RenderNormal" Value="True"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder" Value="#FF989898"/>
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/>
<Setter Property="Background" TargetName="OuterBorder" Value="#FFE0E0E0"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderPressed" Value="True"/>
</MultiTrigger.Conditions>
<MultiTrigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PressedVisual">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PressedVisual">
<LinearDoubleKeyFrame KeyTime="0:0:0.05" Value="1"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</MultiTrigger.EnterActions>
<MultiTrigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PressedVisual">
<DiscreteObjectKeyFrame KeyTime="0:0:0.115">
<DiscreteObjectKeyFrame.Value>
<Visibility>Collapsed</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PressedVisual">
<LinearDoubleKeyFrame KeyTime="0:0:0.115" Value="0"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</MultiTrigger.ExitActions>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Orientation" Value="Horizontal"/>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderChecked" Value="True"/>
<Condition Property="RenderMouseOver" Value="True"/>
<Condition Property="RenderPressed" Value="False"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF282828"/>
<GradientStop Color="#FF5F5F5F" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="BorderBrush" TargetName="InnerBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFB69A78"/>
<GradientStop Color="#FFFFE17A" Offset="0.169"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Background" TargetName="OuterBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFFFE8AB" Offset="0"/>
<GradientStop Color="#FFFFE08F" Offset="0.5"/>
<GradientStop Color="#FFFEAF27" Offset="0.5"/>
<GradientStop Color="#FFFFE74E" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderChecked" Value="False"/>
<Condition Property="RenderMouseOver" Value="True"/>
<Condition Property="RenderPressed" Value="False"/>
</MultiTrigger.Conditions>
<MultiTrigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual">
<LinearDoubleKeyFrame KeyTime="0:0:0.115" Value="1"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</MultiTrigger.EnterActions>
<MultiTrigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="MouseOverVisual">
<DiscreteObjectKeyFrame KeyTime="0:0:0.15">
<DiscreteObjectKeyFrame.Value>
<Visibility>Collapsed</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="MouseOverVisual">
<LinearDoubleKeyFrame KeyTime="0:0:0.15" Value="0"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</MultiTrigger.ExitActions>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderChecked" Value="True"/>
<Condition Property="RenderMouseOver" Value="False"/>
<Condition Property="RenderPressed" Value="False"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder" Value="#FFFFC92B"/>
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
<Setter Property="Background" TargetName="OuterBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFFFDCAB" Offset="0"/>
<GradientStop Color="#FFFFD18F" Offset="0.5"/>
<GradientStop Color="#FFFE9227" Offset="0.5"/>
<GradientStop Color="#FFFFD74E" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="RenderFocused" Value="True"/>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderPressed" Value="False"/>
<Condition Property="RenderMouseOver" Value="False"/>
</MultiTrigger.Conditions>
<MultiTrigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="FocusVisual">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisual">
<LinearDoubleKeyFrame KeyTime="0:0:0.25" Value="1"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</MultiTrigger.EnterActions>
<MultiTrigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="FocusVisual">
<DiscreteObjectKeyFrame KeyTime="0:0:0.115">
<DiscreteObjectKeyFrame.Value>
<Visibility>Collapsed</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisual">
<LinearDoubleKeyFrame KeyTime="0:0:0.115" Value="0"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</MultiTrigger.ExitActions>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderChecked" Value="False"/>
<Condition Property="RenderActive" Value="True"/>
<Condition Property="RenderHighlighted" Value="False"/>
<Condition Property="RenderSelected" Value="False"/>
<Condition Property="RenderPressed" Value="False"/>
<Condition Property="RenderMouseOver" Value="False"/>
</MultiTrigger.Conditions>
<MultiTrigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ActiveVisual">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ActiveVisual">
<LinearDoubleKeyFrame KeyTime="0:0:0.115" Value="1"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</MultiTrigger.EnterActions>
<MultiTrigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ActiveVisual">
<DiscreteObjectKeyFrame KeyTime="0:0:0.15">
<DiscreteObjectKeyFrame.Value>
<Visibility>Collapsed</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ActiveVisual">
<LinearDoubleKeyFrame KeyTime="0:0:0.15" Value="0"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</MultiTrigger.ExitActions>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Orientation" Value="Horizontal"/>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderChecked" Value="False"/>
<Condition Property="RenderHighlighted" Value="True"/>
<Condition Property="RenderMouseOver" Value="False"/>
<Condition Property="RenderPressed" Value="False"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder" Value="#FFFFC92B"/>
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
<Setter Property="Background" TargetName="OuterBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFFFFBDA" Offset="0"/>
<GradientStop Color="#FFFFFBA3" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Orientation" Value="Horizontal"/>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderChecked" Value="False"/>
<Condition Property="RenderHighlighted" Value="False"/>
<Condition Property="RenderSelected" Value="True"/>
<Condition Property="RenderMouseOver" Value="False"/>
<Condition Property="RenderPressed" Value="False"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder" Value="#FFFFC92B"/>
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
<Setter Property="Background" TargetName="OuterBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFFCE79F" Offset="1"/>
<GradientStop Color="#FFFDD3A8"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Orientation" Value="Vertical"/>
<Condition Property="RenderEnabled" Value="False"/>
<Condition Property="RenderNormal" Value="True"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder" Value="#FF848484"/>
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="Transparent"/>
<Setter Property="Background" TargetName="OuterBorder" Value="#FFE0E0E0"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="Orientation" Value="Vertical"/>
<Condition Property="RenderEnabled" Value="True"/>
<Condition Property="RenderNormal" Value="True"/>
<Condition Property="RenderMouseOver" Value="False"/>
<Condition Property="RenderPressed" Value="False"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder" Value="#FF848484"/>
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="White"/>
<Setter Property="Background" TargetName="OuterBorder">
<Setter.Value>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="White" Offset="0"/>
<GradientStop Color="Gainsboro" Offset="0.5"/>
<GradientStop Color="#FFADADAD" Offset="0.5"/>
<GradientStop Color="#FFD4D4D4" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="RenderNormal" Value="False"/>
<Condition Property="RenderHighlighted" Value="False"/>
<Condition Property="RenderSelected" Value="False"/>
<Condition Property="RenderChecked" Value="False"/>
</MultiTrigger.Conditions>
<Setter Property="BorderBrush" TargetName="OuterBorder" Value="Transparent"/>
<Setter Property="BorderBrush" TargetName="InnerBorder" Value="{x:Null}"/>
<Setter Property="Background" TargetName="OuterBorder" Value="Transparent"/>
</MultiTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Style x:Key="PaneHeaderStyle1" TargetType="{x:Type telerik:PaneHeader}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:PaneHeader}">
<Border x:Name="Root" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="1,1,0,0">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommandsMenuStates">
<VisualState x:Name="CommandsMenuNormalState"/>
<VisualState x:Name="CommandsMenuHiddenState">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="HeaderDropDownMenu">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Collapsed</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="PinnedStates">
<VisualState x:Name="Unpinned">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="HeaderUnPinButton">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Visible</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="HeaderPinButton">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<Visibility>Collapsed</Visibility>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pinned"/>
</VisualStateGroup>
<VisualStateGroup x:Name="HighlightStates">
<VisualState x:Name="NotHighlighted"/>
<VisualState x:Name="Highlighted">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="Content">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush EndPoint="0,1">
<GradientStop Color="#FF63ADC0" Offset="0"/>
<GradientStop Color="#FFCCEDF5" Offset="1"/>
</LinearGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="ValidationStates">
<VisualState x:Name="Valid"/>
<VisualState x:Name="InvalidFocused"/>
<VisualState x:Name="InvalidUnfocused"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid x:Name="Content">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<ContentControl x:Name="TitleElement" ContentTemplate="{Binding SelectedPane.TitleTemplate, RelativeSource={RelativeSource TemplatedParent}}" Content="{Binding SelectedPane.Title, RelativeSource={RelativeSource TemplatedParent}}" Grid.Column="0" HorizontalContentAlignment="Stretch" Margin="{TemplateBinding Padding}" VerticalAlignment="Center" VerticalContentAlignment="Center" Style="{DynamicResource PaneHeader_TitleElement_ContentControlStyle}"/>
<telerik:RadToggleButton x:Name="HeaderDropDownMenu" Grid.Column="1" CommandParameter="{Binding SelectedPane, RelativeSource={RelativeSource TemplatedParent}}" Command="tDocking:RadDockingCommands.ContextMenuOpen" IsThreeState="True" InnerCornerRadius="0">
<telerik:RadToggleButton.Style>
<Style TargetType="{x:Type telerik:RadToggleButton}">
<Setter Property="Width" Value="17"/>
<Setter Property="Height" Value="17"/>
<Setter Property="Margin" Value="0,2,2,1"/>
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="SnapsToDevicePixels" Value="True"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:RadToggleButton}">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="#FF8D8D8D"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Unfocused"/>
<VisualState x:Name="Focused"/>
</VisualStateGroup>
<VisualStateGroup x:Name="CheckStates">
<VisualState x:Name="Checked"/>
<VisualState x:Name="Unchecked"/>
<VisualState x:Name="Indeterminate"/>
</VisualStateGroup>
<VisualStateGroup x:Name="ValidationStates">
<VisualState x:Name="Valid"/>
<VisualState x:Name="InvalidFocused"/>
<VisualState x:Name="InvalidUnfocused"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Telerik_Windows_Controls_Chromes:ButtonChrome x:Name="ButtonChrome" RenderNormal="False" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderChecked="{TemplateBinding IsChecked}" Style="{DynamicResource ButtonChromeStyle1}">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
</Telerik_Windows_Controls_Chromes:ButtonChrome>
<Path x:Name="BackgroundIcon" Data="M0,0L7,0 7,1 6,1 6,2 5,2 5,3 4,3 4,4 3,4 3,3 2,3 2,2 1,2 1,1 0,1z" Fill="White" Height="4" Margin="0,2,0,0" Width="7"/>
<Path x:Name="ForegroundIcon" Data="M0,0L7,0 7,1 6,1 6,2 5,2 5,3 4,3 4,4 3,4 3,3 2,3 2,2 1,2 1,1 0,1z" Fill="Black" Height="4" Margin="0,1" Width="7"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</telerik:RadToggleButton.Style>
</telerik:RadToggleButton>
<Grid Grid.Column="2" Visibility="{Binding SelectedPane.PinButtonVisibility, RelativeSource={RelativeSource TemplatedParent}}">
<telerik:RadButton x:Name="HeaderPinButton" CommandParameter="{Binding SelectedPane, RelativeSource={RelativeSource TemplatedParent}}" Command="tDocking:RadDockingCommands.Pin" InnerCornerRadius="0">
<telerik:RadButton.Style>
<Style TargetType="{x:Type telerik:RadButton}">
<Setter Property="Width" Value="17"/>
<Setter Property="Height" Value="17"/>
<Setter Property="Margin" Value="0,2,2,1"/>
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="SnapsToDevicePixels" Value="True"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:RadButton}">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="#FF8D8D8D"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Unfocused"/>
<VisualState x:Name="Focused"/>
</VisualStateGroup>
<VisualStateGroup x:Name="ValidationStates">
<VisualState x:Name="Valid"/>
<VisualState x:Name="InvalidFocused"/>
<VisualState x:Name="InvalidUnfocused"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Telerik_Windows_Controls_Chromes:ButtonChrome RenderNormal="False" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" Style="{DynamicResource ButtonChromeStyle1}">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
</Telerik_Windows_Controls_Chromes:ButtonChrome>
<Path x:Name="BackgroundIcon" Data="M0,6.5L7,6.5 M1.5,6.5L1.5,1.5 2.5,0.5 4.5,0.5 5.5,1.5 5.5,6.5 M3.5,6.5L3.5,10 M4.5,6.5L4.5,0.5" Height="10" Margin="0,2,0,0" Stroke="White" StrokeThickness="1" Width="7"/>
<Path x:Name="ForegroundIcon" Data="M0,6.5L7,6.5 M1.5,6.5L1.5,1.5 2.5,0.5 4.5,0.5 5.5,1.5 5.5,6.5 M3.5,6.5L3.5,10 M4.5,6.5L4.5,0.5" Height="10" Margin="0,1" Stroke="Black" StrokeThickness="1" Width="7"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</telerik:RadButton.Style>
</telerik:RadButton>
<telerik:RadButton x:Name="HeaderUnPinButton" CommandParameter="{Binding SelectedPane, RelativeSource={RelativeSource TemplatedParent}}" Command="tDocking:RadDockingCommands.Pin" InnerCornerRadius="0" Visibility="Collapsed">
<telerik:RadButton.Style>
<Style TargetType="{x:Type telerik:RadButton}">
<Setter Property="Width" Value="17"/>
<Setter Property="Height" Value="17"/>
<Setter Property="Margin" Value="0,2,2,1"/>
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="SnapsToDevicePixels" Value="True"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:RadButton}">
<Grid>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="#FF8D8D8D"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Stroke" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Telerik_Windows_Controls_Chromes:ButtonChrome RenderNormal="False" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" Style="{DynamicResource ButtonChromeStyle1}">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
</Telerik_Windows_Controls_Chromes:ButtonChrome>
<Path x:Name="BackgroundIcon" Data="M3.5,0L3.5,7 M3.5,1.5L8.5,1.5 9.5,2.5 9.5,4.5 8.5,5.5 3.5,5.5 M3.5,3.5L0,3.5 M3.5,4.5L9.5,4.5" Height="7" Margin="0,2,0,0" Stroke="White" StrokeThickness="1" Width="10"/>
<Path x:Name="ForegroundIcon" Data="M3.5,0L3.5,7 M3.5,1.5L8.5,1.5 9.5,2.5 9.5,4.5 8.5,5.5 3.5,5.5 M3.5,3.5L0,3.5 M3.5,4.5L9.5,4.5" Height="7" Margin="0,1" Stroke="Black" StrokeThickness="1" Width="10"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</telerik:RadButton.Style>
</telerik:RadButton>
</Grid>
<telerik:RadButton x:Name="HeaderCloseButton" Grid.Column="3" CommandParameter="{Binding SelectedPane, RelativeSource={RelativeSource TemplatedParent}}" Command="tDocking:RadDockingCommands.Close" InnerCornerRadius="0">
<telerik:RadButton.Style>
<Style TargetType="{x:Type telerik:RadButton}">
<Setter Property="Width" Value="17"/>
<Setter Property="Height" Value="17"/>
<Setter Property="Margin" Value="0,2,2,1"/>
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="SnapsToDevicePixels" Value="True"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type telerik:RadButton}">
<Grid x:Name="LayoutRoot">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="#FF8D8D8D"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Pressed">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="ForegroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="Black"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="BackgroundIcon">
<DiscreteObjectKeyFrame KeyTime="0">
<DiscreteObjectKeyFrame.Value>
<SolidColorBrush Color="White"/>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Telerik_Windows_Controls_Chromes:ButtonChrome RenderNormal="False" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}">
<telerik:StyleManager.Theme>
<telerik:Office_BlackTheme/>
</telerik:StyleManager.Theme>
</Telerik_Windows_Controls_Chromes:ButtonChrome>
<Path x:Name="BackgroundIcon" Data="M0,0L2,0 2,1 3,1 3,2 5,2 5,1 6,1 6,0 8,0 8,1 7,1 7,2 6,2 6,3 5,3 5,4 6,4 6,5 6,5 7,5 7,6 8,6 8,7 6,7 6,6 5,6 5,5 3,5 3,6 2,6 2,7 0,7 0,6 1,6 1,5 2,5 2,4 3,4 3,3 2,3 2,2 1,2 1,1 0,1z" Fill="White" Height="7" Margin="0,2,0,0" Width="8"/>
<Path x:Name="ForegroundIcon" Data="M0,0L2,0 2,1 3,1 3,2 5,2 5,1 6,1 6,0 8,0 8,1 7,1 7,2 6,2 6,3 5,3 5,4 6,4 6,5 6,5 7,5 7,6 8,6 8,7 6,7 6,6 5,6 5,5 3,5 3,6 2,6 2,7 0,7 0,6 1,6 1,5 2,5 2,4 3,4 3,3 2,3 2,2 1,2 1,1 0,1z" Fill="Black" Height="7" Margin="0,1" Width="8"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</telerik:RadButton.Style>
</telerik:RadButton>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsDragging" Value="False"/>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="BorderThickness" Value="0,0,0,0.5"/>
<Setter Property="BorderBrush" Value="#FFA0A0A0"/>
<Setter Property="Background" Value="#FFC6E7F2"/>
<Setter Property="Padding" Value="3,0"/>
<Setter Property="telerik:InputBindingsManager.InputBindings">
<Setter.Value>
<InputBindingCollection>
<MouseBinding Command="tDocking:RadDockingCommands.PaneHeaderMenuOpen" MouseAction="RightClick">
<MouseBinding.Gesture>
<MouseGesture MouseAction="RightClick" Modifiers=""/>
</MouseBinding.Gesture>
</MouseBinding>
</InputBindingCollection>
</Setter.Value>
</Setter>
</Style>
<Style BasedOn="{StaticResource PaneHeaderStyle1}" TargetType="{x:Type telerik:PaneHeader}"/>
<Style x:Key="PaneHeader_TitleElement_ContentControlStyle" TargetType="{x:Type ContentControl}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ContentControl}">
<ContentPresenter/>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="FontWeight" Value="Normal"/>
<Setter Property="FontFamily" Value="Segoe UI"/>
<Setter Property="FontSize" Value="16"/>
</Style>

Thanks in advance,

Docking

answered on 25 Jul 2012