The story board can't find the element, why?

The following style generates an exception

System.InvalidOperationException: 'Arrow' name cannot be found in the
name scope of 'System.Windows.Controls.ControlTemplate'.


However, it looks too me that it is properly defined. Please help.

Thanks

<Style x:Key="CheckoutExpanderStyle" TargetType="{x:Type Expander}">
<Style.Resources>
<Storyboard x:Key="ExpandButtonStory"
d:StoryboardName="ExpandButtonStory">
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Storyboard.TargetName="Arrow"
Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(RotateTransform.Angle)">
<SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5"
KeySpline="0.5,0.5,0.5,0.5" Value="-90" KeyTime="00:00:00"/>
<SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5"
KeySpline="0.5,0.5,0.5,0.5" Value="-270" KeyTime="00:00:00.2500000"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
<Storyboard x:Key="ShrinkButtonStory"
d:StoryboardName="ShrinkButtonStory">
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
Storyboard.TargetName="Arrow"
Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(RotateTransform.Angle)">
<SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5"
KeySpline="0.5,0.5,0.5,0.5" Value="-270" KeyTime="00:00:00"/>
<SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5"
KeySpline="0.5,0.5,0.5,0.5" Value="-90" KeyTime="00:00:00.2500000"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</Style.Resources>
<Setter Property="Foreground" Value="#FF1B97CB"/>
<Setter Property="Background" Value="#00000000"/>
<Setter Property="HorizontalContentAlignment" Value="Left"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="BorderBrush" Value="#00FFFFFF"/>
<Setter Property="BorderThickness" Value="1,1,1,1"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Expander}">
<Border Background="#441195CC" x:Name="Border"
BorderThickness="{TemplateBinding BorderThickness}"
BorderBrush="{TemplateBinding BorderBrush}" SnapsToDevicePixels="True"
CornerRadius="3,3,3,3">
<DockPanel x:Name="DockPanel">
<ToggleButton FontSize="{TemplateBinding FontSize}"
FontFamily="{TemplateBinding FontFamily}" FontStyle="{TemplateBinding
FontStyle}" FontWeight="{TemplateBinding FontWeight}" Margin="1,1,1,1"
DockPanel.Dock="Top" MinWidth="0" MinHeight="0" x:Name="HeaderSite"
Foreground="{TemplateBinding Foreground}"
HorizontalContentAlignment="{TemplateBinding
HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding
VerticalContentAlignment}" Padding="{TemplateBinding Padding}"
Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding
HeaderTemplate}" ContentTemplateSelector="{TemplateBinding
HeaderTemplateSelector}" FontStretch="{TemplateBinding FontStretch}">
<ToggleButton.Style>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border x:Name="Border" Padding="{TemplateBinding Padding}">
<Grid Background="#00FFFFFF" x:Name="Grid"
SnapsToDevicePixels="False">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="19"/>
</Grid.ColumnDefinitions>
<DockPanel Width="19" Height="19" x:Name="DockPanel"
Grid.Column="1" >
<Rectangle Width="1" DockPanel.Dock="Right" x:Name="R1"/>
<Rectangle Height="1" DockPanel.Dock="Bottom"
x:Name="B1"/>
<Rectangle Width="1" DockPanel.Dock="Left" x:Name="L1"/>
<Rectangle Height="1" DockPanel.Dock="Top" x:Name="T1"/>
<Rectangle Width="1" DockPanel.Dock="Right" x:Name="R2"/>
<Rectangle Height="1" DockPanel.Dock="Bottom"
x:Name="B2"/>
<Rectangle Width="1" DockPanel.Dock="Left" x:Name="L2"/>
<Rectangle Height="1" DockPanel.Dock="Top" x:Name="T2"/>
<Grid x:Name="Grid1">
<Canvas Margin="1,3,1,0" VerticalAlignment="Center"
HorizontalAlignment="Center" Width="10" Height="10" x:Name="Arrow"
RenderTransformOrigin="0.5,0.5" Background="{StaticResource
DoubleArrowBrush}">
<Canvas.RenderTransform>
<TransformGroup>
<TranslateTransform X="0" Y="0"/>
<ScaleTransform ScaleX="1" ScaleY="1"/>
<SkewTransform AngleX="0" AngleY="0"/>
<RotateTransform Angle="-90" x:Name="ArrowRotation"/>
<TranslateTransform X="0" Y="0"/>
<TranslateTransform X="0" Y="0"/>
</TransformGroup>
</Canvas.RenderTransform>
</Canvas>
</Grid>
</DockPanel>
<ContentPresenter DataContext="{x:Null}"
HorizontalAlignment="Left" VerticalAlignment="Center" Margin="4,0,0,0"
Grid.Column="0" x:Name="ContentSite" Content="{TemplateBinding Content}"
ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
RecognizesAccessKey="True"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<EventTrigger RoutedEvent="ToggleButton.Checked">
<EventTrigger.Actions>
<BeginStoryboard Storyboard="{StaticResource
ExpandButtonStory}" x:Name="ExpandButtonStory_BeginStoryboard"/>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="ToggleButton.Unchecked">
<EventTrigger.Actions>
<BeginStoryboard Storyboard="{StaticResource
ShrinkButtonStory}" x:Name="ShrinkButtonStory_BeginStoryboard"/>
</EventTrigger.Actions>
</EventTrigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="R1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="B1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="L1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="T1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="R2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="B2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="L2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="T2"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="R1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="B1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="L1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="T1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="R2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="B2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="L2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="T2"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ToggleButton.Style>
<ToggleButton.FocusVisualStyle>
<Style>
<Setter Property="Control.Template">
<Setter.Value>
<ControlTemplate>
<Border x:Name="Border">
<Rectangle Stroke="#FF000000" StrokeThickness="1"
Margin="0,0,0,0" x:Name="Rectangle">
<Rectangle.StrokeDashArray>
<DoubleCollection>
<Systemouble>1</Systemouble>
<Systemouble>2</Systemouble>
</DoubleCollection>
</Rectangle.StrokeDashArray>
</Rectangle>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ToggleButton.FocusVisualStyle>
<ToggleButton.IsChecked>
<Binding Converter="{x:Null}" ConverterParameter="{x:Null}"
Mode="TwoWay" Path="IsExpanded" RelativeSource="{RelativeSource
TemplatedParent}" UpdateSourceTrigger="Default"
NotifyOnSourceUpdated="False" BindsDirectlyToSource="False"
IsAsync="False" NotifyOnValidationError="False" AsyncState="{x:Null}"
NotifyOnTargetUpdated="False" ConverterCulture="{x:Null}"/>
</ToggleButton.IsChecked>
</ToggleButton>
<ContentPresenter Visibility="Collapsed" DataContext="{x:Null}"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
Margin="{TemplateBinding Padding}" Focusable="False"
DockPanel.Dock="Bottom" x:Name="ExpandSite" Content="{TemplateBinding
Content}" ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"/>
</DockPanel>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsExpanded" Value="True">
<Setter Property="Visibility" Value="Visible"
TargetName="ExpandSite"/>
</Trigger>
<Trigger Property="ExpandDirection" Value="Right">
<Setter Property="DockPanel.Dock" Value="Right"
TargetName="ExpandSite"/>
<Setter Property="DockPanel.Dock" Value="Left"
TargetName="HeaderSite"/>
<Setter Property="Style" TargetName="HeaderSite">
<Setter.Value>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border x:Name="Border" Padding="{TemplateBinding Padding}">
<Grid Background="#00FFFFFF" x:Name="Grid"
SnapsToDevicePixels="False">
<Grid.RowDefinitions>
<RowDefinition Height="19"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<DockPanel Width="19" Height="19" x:Name="DockPanel">
<Rectangle Width="1" DockPanel.Dock="Right" x:Name="R1"/>
<Rectangle Height="1" DockPanel.Dock="Bottom"
x:Name="B1"/>
<Rectangle Width="1" DockPanel.Dock="Left" x:Name="L1"/>
<Rectangle Height="1" DockPanel.Dock="Top" x:Name="T1"/>
<Rectangle Width="1" DockPanel.Dock="Right" x:Name="R2"/>
<Rectangle Height="1" DockPanel.Dock="Bottom"
x:Name="B2"/>
<Rectangle Width="1" DockPanel.Dock="Left" x:Name="L2"/>
<Rectangle Height="1" DockPanel.Dock="Top" x:Name="T2"/>
<Grid x:Name="Grid1">
<Grid.LayoutTransform>
<TransformGroup>
<RotateTransform Angle="-90"/>
</TransformGroup>
</Grid.LayoutTransform>
<Path Stroke="#FF222222" StrokeThickness="1.5"
HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="arrow"
SnapsToDevicePixels="False" Data="M1,1.5 L4.5,5 8,1.5"/>
</Grid>
</DockPanel>
<ContentPresenter DataContext="{x:Null}"
HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,4,0,0"
Grid.Row="1" x:Name="ContentSite" Content="{TemplateBinding Content}"
ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
RecognizesAccessKey="True"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Data" Value="M1,4.5 L4.5,1 8,4.5"
TargetName="arrow"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="R1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="B1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="L1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="T1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="R2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="B2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="L2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="T2"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="R1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="B1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="L1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="T1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="R2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="B2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="L2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="T2"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="ExpandDirection" Value="Up">
<Setter Property="DockPanel.Dock" Value="Top"
TargetName="ExpandSite"/>
<Setter Property="DockPanel.Dock" Value="Bottom"
TargetName="HeaderSite"/>
<Setter Property="Style" TargetName="HeaderSite">
<Setter.Value>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border x:Name="Border" Padding="{TemplateBinding Padding}">
<Grid Background="#00FFFFFF" x:Name="Grid"
SnapsToDevicePixels="False">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="19"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<DockPanel Width="19" Height="19" x:Name="DockPanel">
<Rectangle Width="1" DockPanel.Dock="Right" x:Name="R1"/>
<Rectangle Height="1" DockPanel.Dock="Bottom"
x:Name="B1"/>
<Rectangle Width="1" DockPanel.Dock="Left" x:Name="L1"/>
<Rectangle Height="1" DockPanel.Dock="Top" x:Name="T1"/>
<Rectangle Width="1" DockPanel.Dock="Right" x:Name="R2"/>
<Rectangle Height="1" DockPanel.Dock="Bottom"
x:Name="B2"/>
<Rectangle Width="1" DockPanel.Dock="Left" x:Name="L2"/>
<Rectangle Height="1" DockPanel.Dock="Top" x:Name="T2"/>
<Grid x:Name="Grid1">
<Grid.LayoutTransform>
<TransformGroup>
<RotateTransform Angle="180"/>
</TransformGroup>
</Grid.LayoutTransform>
<Path Stroke="#FF222222" StrokeThickness="1.5"
HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="arrow"
SnapsToDevicePixels="False" Data="M1,1.5 L4.5,5 8,1.5"/>
</Grid>
</DockPanel>
<ContentPresenter DataContext="{x:Null}"
HorizontalAlignment="Left" VerticalAlignment="Center" Margin="4,0,0,0"
Grid.Column="1" x:Name="ContentSite" Content="{TemplateBinding Content}"
ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
RecognizesAccessKey="True"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Data" Value="M1,4.5 L4.5,1 8,4.5"
TargetName="arrow"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="R1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="B1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="L1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="T1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="R2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="B2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="L2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="T2"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="R1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="B1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="L1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="T1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="R2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="B2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="L2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="T2"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="ExpandDirection" Value="Left">
<Setter Property="DockPanel.Dock" Value="Left"
TargetName="ExpandSite"/>
<Setter Property="DockPanel.Dock" Value="Right"
TargetName="HeaderSite"/>
<Setter Property="Style" TargetName="HeaderSite">
<Setter.Value>
<Style TargetType="{x:Type ToggleButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border x:Name="Border" Padding="{TemplateBinding Padding}">
<Grid Background="#00FFFFFF" x:Name="Grid"
SnapsToDevicePixels="False">
<Grid.RowDefinitions>
<RowDefinition Height="19"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<DockPanel Width="19" Height="19" x:Name="DockPanel">
<Rectangle Width="1" DockPanel.Dock="Right" x:Name="R1"/>
<Rectangle Height="1" DockPanel.Dock="Bottom"
x:Name="B1"/>
<Rectangle Width="1" DockPanel.Dock="Left" x:Name="L1"/>
<Rectangle Height="1" DockPanel.Dock="Top" x:Name="T1"/>
<Rectangle Width="1" DockPanel.Dock="Right" x:Name="R2"/>
<Rectangle Height="1" DockPanel.Dock="Bottom"
x:Name="B2"/>
<Rectangle Width="1" DockPanel.Dock="Left" x:Name="L2"/>
<Rectangle Height="1" DockPanel.Dock="Top" x:Name="T2"/>
<Grid x:Name="Grid1">
<Grid.LayoutTransform>
<TransformGroup>
<RotateTransform Angle="90"/>
</TransformGroup>
</Grid.LayoutTransform>
<Path Stroke="#FF222222" StrokeThickness="1.5"
HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="arrow"
SnapsToDevicePixels="False" Data="M1,1.5 L4.5,5 8,1.5"/>
</Grid>
</DockPanel>
<ContentPresenter DataContext="{x:Null}"
HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,4,0,0"
Grid.Row="1" x:Name="ContentSite" Content="{TemplateBinding Content}"
ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
RecognizesAccessKey="True"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Data" Value="M1,4.5 L4.5,1 8,4.5"
TargetName="arrow"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="R1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="B1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="L1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="T1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="R2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="B2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="L2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="T2"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="R1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="B1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="L1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="T1"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="R2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlLightBrushKey}}" TargetName="B2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="L2"/>
<Setter Property="Fill" Value="{DynamicResource
{x:Static SystemColors.ControlDarkBrushKey}}" TargetName="T2"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Foreground" Value="{DynamicResource {x:Static
SystemColors.GrayTextBrushKey}}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

Hi Phillipe,

Where did you get this markup from? This seems to be pretty outdated - WPF
has made some significant changes to their parser to make it more efficent.
For example, you can't reference resources that are defined after the
reference in markup order. The March CTP of Interactive Designer will
generate the right markup to keep up with these changes.

I tried fixing the markup that you supplied - attached is my attempt. It
will build and run fine without crashing, but I have now way of knowing if
it does the right thing or not after I made the changes. Also, there is a
reference to a Brush resource (search for DoubleArrowBrush) that I don't
have - I am hoping this is coming for some place else. You will need to
remove it or fix it, else it will crash since it can't find the resource.

Thanks,
-Unni

--
This posting is provided "AS IS" with no warranties, and confers no rights.
"Philippe Lavoie" <philippe.lavoie@cactus.ca> wrote in message
news:u1r3wmMXGHA.2356@TK2MSFTNGP03.phx.gbl...
> The following style generates an exception
>
> System.InvalidOperationException: 'Arrow' name cannot be found in the
> name scope of 'System.Windows.Controls.ControlTemplate'.
>
>
> However, it looks too me that it is properly defined. Please help.
>
> Thanks
>
> <Style x:Key="CheckoutExpanderStyle" TargetType="{x:Type Expander}">
> <Style.Resources>
> <Storyboard x:Key="ExpandButtonStory"
> d:StoryboardName="ExpandButtonStory">
> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
> Storyboard.TargetName="Arrow"
> Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(RotateTransform.Angle)">
> <SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5"
> KeySpline="0.5,0.5,0.5,0.5" Value="-90" KeyTime="00:00:00"/>
> <SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5"
> KeySpline="0.5,0.5,0.5,0.5" Value="-270" KeyTime="00:00:00.2500000"/>
> </DoubleAnimationUsingKeyFrames>
> </Storyboard>
> <Storyboard x:Key="ShrinkButtonStory"
> d:StoryboardName="ShrinkButtonStory">
> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00"
> Storyboard.TargetName="Arrow"
> Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(RotateTransform.Angle)">
> <SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5"
> KeySpline="0.5,0.5,0.5,0.5" Value="-270" KeyTime="00:00:00"/>
> <SplineDoubleKeyFrame d:KeyEase="Linear;Linear;0.5;0.5;0.5;0.5"
> KeySpline="0.5,0.5,0.5,0.5" Value="-90" KeyTime="00:00:00.2500000"/>
> </DoubleAnimationUsingKeyFrames>
> </Storyboard>
> </Style.Resources>
> <Setter Property="Foreground" Value="#FF1B97CB"/>
> <Setter Property="Background" Value="#00000000"/>
> <Setter Property="HorizontalContentAlignment" Value="Left"/>
> <Setter Property="VerticalContentAlignment" Value="Center"/>
> <Setter Property="BorderBrush" Value="#00FFFFFF"/>
> <Setter Property="BorderThickness" Value="1,1,1,1"/>
> <Setter Property="Template">
> <Setter.Value>
> <ControlTemplate TargetType="{x:Type Expander}">
> <Border Background="#441195CC" x:Name="Border"
> BorderThickness="{TemplateBinding BorderThickness}"
> BorderBrush="{TemplateBinding BorderBrush}" SnapsToDevicePixels="True"
> CornerRadius="3,3,3,3">
> <DockPanel x:Name="DockPanel">
> <ToggleButton FontSize="{TemplateBinding FontSize}"
> FontFamily="{TemplateBinding FontFamily}" FontStyle="{TemplateBinding
> FontStyle}" FontWeight="{TemplateBinding FontWeight}" Margin="1,1,1,1"
> DockPanel.Dock="Top" MinWidth="0" MinHeight="0" x:Name="HeaderSite"
> Foreground="{TemplateBinding Foreground}"
> HorizontalContentAlignment="{TemplateBinding
> HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding
> VerticalContentAlignment}" Padding="{TemplateBinding Padding}"
> Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding
> HeaderTemplate}" ContentTemplateSelector="{TemplateBinding
> HeaderTemplateSelector}" FontStretch="{TemplateBinding FontStretch}">
> <ToggleButton.Style>
> <Style TargetType="{x:Type ToggleButton}">
> <Setter Property="Template">
> <Setter.Value>
> <ControlTemplate TargetType="{x:Type ToggleButton}">
> <Border x:Name="Border" Padding="{TemplateBinding Padding}">
> <Grid Background="#00FFFFFF" x:Name="Grid"
> SnapsToDevicePixels="False">
> <Grid.ColumnDefinitions>
> <ColumnDefinition Width="Auto"/>
> <ColumnDefinition Width="19"/>
> </Grid.ColumnDefinitions>
> <DockPanel Width="19" Height="19" x:Name="DockPanel"
> Grid.Column="1" >
> <Rectangle Width="1" DockPanel.Dock="Right" x:Name="R1"/>
> <Rectangle Height="1" DockPanel.Dock="Bottom"
> x:Name="B1"/>
> <Rectangle Width="1" DockPanel.Dock="Left" x:Name="L1"/>
> <Rectangle Height="1" DockPanel.Dock="Top" x:Name="T1"/>
> <Rectangle Width="1" DockPanel.Dock="Right" x:Name="R2"/>
> <Rectangle Height="1" DockPanel.Dock="Bottom"
> x:Name="B2"/>
> <Rectangle Width="1" DockPanel.Dock="Left" x:Name="L2"/>
> <Rectangle Height="1" DockPanel.Dock="Top" x:Name="T2"/>
> <Grid x:Name="Grid1">
> <Canvas Margin="1,3,1,0" VerticalAlignment="Center"
> HorizontalAlignment="Center" Width="10" Height="10" x:Name="Arrow"
> RenderTransformOrigin="0.5,0.5" Background="{StaticResource
> DoubleArrowBrush}">
> <Canvas.RenderTransform>
> <TransformGroup>
> <TranslateTransform X="0" Y="0"/>
> <ScaleTransform ScaleX="1" ScaleY="1"/>
> <SkewTransform AngleX="0" AngleY="0"/>
> <RotateTransform Angle="-90" x:Name="ArrowRotation"/>
> <TranslateTransform X="0" Y="0"/>
> <TranslateTransform X="0" Y="0"/>
> </TransformGroup>
> </Canvas.RenderTransform>
> </Canvas>
> </Grid>
> </DockPanel>
> <ContentPresenter DataContext="{x:Null}"
> HorizontalAlignment="Left" VerticalAlignment="Center" Margin="4,0,0,0"
> Grid.Column="0" x:Name="ContentSite" Content="{TemplateBinding Content}"
> ContentTemplate="{TemplateBinding ContentTemplate}"
> ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
> RecognizesAccessKey="True"/>
> </Grid>
> </Border>
> <ControlTemplate.Triggers>
> <EventTrigger RoutedEvent="ToggleButton.Checked">
> <EventTrigger.Actions>
> <BeginStoryboard Storyboard="{StaticResource
> ExpandButtonStory}" x:Name="ExpandButtonStory_BeginStoryboard"/>
> </EventTrigger.Actions>
> </EventTrigger>
> <EventTrigger RoutedEvent="ToggleButton.Unchecked">
> <EventTrigger.Actions>
> <BeginStoryboard Storyboard="{StaticResource
> ShrinkButtonStory}" x:Name="ShrinkButtonStory_BeginStoryboard"/>
> </EventTrigger.Actions>
> </EventTrigger>
> <Trigger Property="IsMouseOver" Value="True">
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="R1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="B1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="L1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="T1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="R2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="B2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="L2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="T2"/>
> </Trigger>
> <Trigger Property="IsPressed" Value="True">
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="R1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="B1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="L1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="T1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="R2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="B2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="L2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="T2"/>
> </Trigger>
> </ControlTemplate.Triggers>
> </ControlTemplate>
> </Setter.Value>
> </Setter>
> </Style>
> </ToggleButton.Style>
> <ToggleButton.FocusVisualStyle>
> <Style>
> <Setter Property="Control.Template">
> <Setter.Value>
> <ControlTemplate>
> <Border x:Name="Border">
> <Rectangle Stroke="#FF000000" StrokeThickness="1"
> Margin="0,0,0,0" x:Name="Rectangle">
> <Rectangle.StrokeDashArray>
> <DoubleCollection>
> <Systemouble>1</Systemouble>
> <Systemouble>2</Systemouble>
> </DoubleCollection>
> </Rectangle.StrokeDashArray>
> </Rectangle>
> </Border>
> </ControlTemplate>
> </Setter.Value>
> </Setter>
> </Style>
> </ToggleButton.FocusVisualStyle>
> <ToggleButton.IsChecked>
> <Binding Converter="{x:Null}" ConverterParameter="{x:Null}"
> Mode="TwoWay" Path="IsExpanded" RelativeSource="{RelativeSource
> TemplatedParent}" UpdateSourceTrigger="Default"
> NotifyOnSourceUpdated="False" BindsDirectlyToSource="False"
> IsAsync="False" NotifyOnValidationError="False" AsyncState="{x:Null}"
> NotifyOnTargetUpdated="False" ConverterCulture="{x:Null}"/>
> </ToggleButton.IsChecked>
> </ToggleButton>
> <ContentPresenter Visibility="Collapsed" DataContext="{x:Null}"
> HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
> VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
> Margin="{TemplateBinding Padding}" Focusable="False"
> DockPanel.Dock="Bottom" x:Name="ExpandSite" Content="{TemplateBinding
> Content}" ContentTemplate="{TemplateBinding ContentTemplate}"
> ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"/>
> </DockPanel>
> </Border>
> <ControlTemplate.Triggers>
> <Trigger Property="IsExpanded" Value="True">
> <Setter Property="Visibility" Value="Visible"
> TargetName="ExpandSite"/>
> </Trigger>
> <Trigger Property="ExpandDirection" Value="Right">
> <Setter Property="DockPanel.Dock" Value="Right"
> TargetName="ExpandSite"/>
> <Setter Property="DockPanel.Dock" Value="Left"
> TargetName="HeaderSite"/>
> <Setter Property="Style" TargetName="HeaderSite">
> <Setter.Value>
> <Style TargetType="{x:Type ToggleButton}">
> <Setter Property="Template">
> <Setter.Value>
> <ControlTemplate TargetType="{x:Type ToggleButton}">
> <Border x:Name="Border" Padding="{TemplateBinding Padding}">
> <Grid Background="#00FFFFFF" x:Name="Grid"
> SnapsToDevicePixels="False">
> <Grid.RowDefinitions>
> <RowDefinition Height="19"/>
> <RowDefinition Height="Auto"/>
> </Grid.RowDefinitions>
> <DockPanel Width="19" Height="19" x:Name="DockPanel">
> <Rectangle Width="1" DockPanel.Dock="Right" x:Name="R1"/>
> <Rectangle Height="1" DockPanel.Dock="Bottom"
> x:Name="B1"/>
> <Rectangle Width="1" DockPanel.Dock="Left" x:Name="L1"/>
> <Rectangle Height="1" DockPanel.Dock="Top" x:Name="T1"/>
> <Rectangle Width="1" DockPanel.Dock="Right" x:Name="R2"/>
> <Rectangle Height="1" DockPanel.Dock="Bottom"
> x:Name="B2"/>
> <Rectangle Width="1" DockPanel.Dock="Left" x:Name="L2"/>
> <Rectangle Height="1" DockPanel.Dock="Top" x:Name="T2"/>
> <Grid x:Name="Grid1">
> <Grid.LayoutTransform>
> <TransformGroup>
> <RotateTransform Angle="-90"/>
> </TransformGroup>
> </Grid.LayoutTransform>
> <Path Stroke="#FF222222" StrokeThickness="1.5"
> HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="arrow"
> SnapsToDevicePixels="False" Data="M1,1.5 L4.5,5 8,1.5"/>
> </Grid>
> </DockPanel>
> <ContentPresenter DataContext="{x:Null}"
> HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,4,0,0"
> Grid.Row="1" x:Name="ContentSite" Content="{TemplateBinding Content}"
> ContentTemplate="{TemplateBinding ContentTemplate}"
> ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
> RecognizesAccessKey="True"/>
> </Grid>
> </Border>
> <ControlTemplate.Triggers>
> <Trigger Property="IsChecked" Value="True">
> <Setter Property="Data" Value="M1,4.5 L4.5,1 8,4.5"
> TargetName="arrow"/>
> </Trigger>
> <Trigger Property="IsMouseOver" Value="True">
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="R1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="B1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="L1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="T1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="R2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="B2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="L2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="T2"/>
> </Trigger>
> <Trigger Property="IsPressed" Value="True">
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="R1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="B1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="L1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="T1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="R2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="B2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="L2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="T2"/>
> </Trigger>
> </ControlTemplate.Triggers>
> </ControlTemplate>
> </Setter.Value>
> </Setter>
> </Style>
> </Setter.Value>
> </Setter>
> </Trigger>
> <Trigger Property="ExpandDirection" Value="Up">
> <Setter Property="DockPanel.Dock" Value="Top"
> TargetName="ExpandSite"/>
> <Setter Property="DockPanel.Dock" Value="Bottom"
> TargetName="HeaderSite"/>
> <Setter Property="Style" TargetName="HeaderSite">
> <Setter.Value>
> <Style TargetType="{x:Type ToggleButton}">
> <Setter Property="Template">
> <Setter.Value>
> <ControlTemplate TargetType="{x:Type ToggleButton}">
> <Border x:Name="Border" Padding="{TemplateBinding Padding}">
> <Grid Background="#00FFFFFF" x:Name="Grid"
> SnapsToDevicePixels="False">
> <Grid.ColumnDefinitions>
> <ColumnDefinition Width="19"/>
> <ColumnDefinition Width="Auto"/>
> </Grid.ColumnDefinitions>
> <DockPanel Width="19" Height="19" x:Name="DockPanel">
> <Rectangle Width="1" DockPanel.Dock="Right" x:Name="R1"/>
> <Rectangle Height="1" DockPanel.Dock="Bottom"
> x:Name="B1"/>
> <Rectangle Width="1" DockPanel.Dock="Left" x:Name="L1"/>
> <Rectangle Height="1" DockPanel.Dock="Top" x:Name="T1"/>
> <Rectangle Width="1" DockPanel.Dock="Right" x:Name="R2"/>
> <Rectangle Height="1" DockPanel.Dock="Bottom"
> x:Name="B2"/>
> <Rectangle Width="1" DockPanel.Dock="Left" x:Name="L2"/>
> <Rectangle Height="1" DockPanel.Dock="Top" x:Name="T2"/>
> <Grid x:Name="Grid1">
> <Grid.LayoutTransform>
> <TransformGroup>
> <RotateTransform Angle="180"/>
> </TransformGroup>
> </Grid.LayoutTransform>
> <Path Stroke="#FF222222" StrokeThickness="1.5"
> HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="arrow"
> SnapsToDevicePixels="False" Data="M1,1.5 L4.5,5 8,1.5"/>
> </Grid>
> </DockPanel>
> <ContentPresenter DataContext="{x:Null}"
> HorizontalAlignment="Left" VerticalAlignment="Center" Margin="4,0,0,0"
> Grid.Column="1" x:Name="ContentSite" Content="{TemplateBinding Content}"
> ContentTemplate="{TemplateBinding ContentTemplate}"
> ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
> RecognizesAccessKey="True"/>
> </Grid>
> </Border>
> <ControlTemplate.Triggers>
> <Trigger Property="IsChecked" Value="True">
> <Setter Property="Data" Value="M1,4.5 L4.5,1 8,4.5"
> TargetName="arrow"/>
> </Trigger>
> <Trigger Property="IsMouseOver" Value="True">
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="R1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="B1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="L1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="T1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="R2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="B2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="L2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="T2"/>
> </Trigger>
> <Trigger Property="IsPressed" Value="True">
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="R1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="B1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="L1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="T1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="R2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="B2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="L2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="T2"/>
> </Trigger>
> </ControlTemplate.Triggers>
> </ControlTemplate>
> </Setter.Value>
> </Setter>
> </Style>
> </Setter.Value>
> </Setter>
> </Trigger>
> <Trigger Property="ExpandDirection" Value="Left">
> <Setter Property="DockPanel.Dock" Value="Left"
> TargetName="ExpandSite"/>
> <Setter Property="DockPanel.Dock" Value="Right"
> TargetName="HeaderSite"/>
> <Setter Property="Style" TargetName="HeaderSite">
> <Setter.Value>
> <Style TargetType="{x:Type ToggleButton}">
> <Setter Property="Template">
> <Setter.Value>
> <ControlTemplate TargetType="{x:Type ToggleButton}">
> <Border x:Name="Border" Padding="{TemplateBinding Padding}">
> <Grid Background="#00FFFFFF" x:Name="Grid"
> SnapsToDevicePixels="False">
> <Grid.RowDefinitions>
> <RowDefinition Height="19"/>
> <RowDefinition Height="Auto"/>
> </Grid.RowDefinitions>
> <DockPanel Width="19" Height="19" x:Name="DockPanel">
> <Rectangle Width="1" DockPanel.Dock="Right" x:Name="R1"/>
> <Rectangle Height="1" DockPanel.Dock="Bottom"
> x:Name="B1"/>
> <Rectangle Width="1" DockPanel.Dock="Left" x:Name="L1"/>
> <Rectangle Height="1" DockPanel.Dock="Top" x:Name="T1"/>
> <Rectangle Width="1" DockPanel.Dock="Right" x:Name="R2"/>
> <Rectangle Height="1" DockPanel.Dock="Bottom"
> x:Name="B2"/>
> <Rectangle Width="1" DockPanel.Dock="Left" x:Name="L2"/>
> <Rectangle Height="1" DockPanel.Dock="Top" x:Name="T2"/>
> <Grid x:Name="Grid1">
> <Grid.LayoutTransform>
> <TransformGroup>
> <RotateTransform Angle="90"/>
> </TransformGroup>
> </Grid.LayoutTransform>
> <Path Stroke="#FF222222" StrokeThickness="1.5"
> HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="arrow"
> SnapsToDevicePixels="False" Data="M1,1.5 L4.5,5 8,1.5"/>
> </Grid>
> </DockPanel>
> <ContentPresenter DataContext="{x:Null}"
> HorizontalAlignment="Left" VerticalAlignment="Center" Margin="0,4,0,0"
> Grid.Row="1" x:Name="ContentSite" Content="{TemplateBinding Content}"
> ContentTemplate="{TemplateBinding ContentTemplate}"
> ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
> RecognizesAccessKey="True"/>
> </Grid>
> </Border>
> <ControlTemplate.Triggers>
> <Trigger Property="IsChecked" Value="True">
> <Setter Property="Data" Value="M1,4.5 L4.5,1 8,4.5"
> TargetName="arrow"/>
> </Trigger>
> <Trigger Property="IsMouseOver" Value="True">
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="R1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="B1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="L1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="T1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="R2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="B2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="L2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="T2"/>
> </Trigger>
> <Trigger Property="IsPressed" Value="True">
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="R1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightLightBrushKey}}" TargetName="B1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="L1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkDarkBrushKey}}" TargetName="T1"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="R2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlLightBrushKey}}" TargetName="B2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="L2"/>
> <Setter Property="Fill" Value="{DynamicResource
> {x:Static SystemColors.ControlDarkBrushKey}}" TargetName="T2"/>
> </Trigger>
> </ControlTemplate.Triggers>
> </ControlTemplate>
> </Setter.Value>
> </Setter>
> </Style>
> </Setter.Value>
> </Setter>
> </Trigger>
> <Trigger Property="IsEnabled" Value="False">
> <Setter Property="Foreground" Value="{DynamicResource {x:Static
> SystemColors.GrayTextBrushKey}}"/>
> </Trigger>
> </ControlTemplate.Triggers>
> </ControlTemplate>
> </Setter.Value>
> </Setter>
> </Style>