I'm trying to change the background of a border on left mousebutton down. Button I don't get it. Of Course my gradient has 3 stops.
Eventtrigger:
<EventTrigger RoutedEvent="UIElement.PreviewMouseLeftButtonDown" SourceName="border">
<BeginStoryboard x:Name="MouseDown_BeginStoryboard" Storyboard="{StaticResource OnMouseDown}"/>
</EventTrigger>
StoryBoard:
<Storyboard x:Key="OnMouseDown">
<ColorAnimation Duration="0:0:0.15" Storyboard.TargetName="border" Storyboard.TargetProperty="Background.GradientStops[0].Color" To="Red" />
<ColorAnimation Duration="0:0:0.15" Storyboard.TargetName="border" Storyboard.TargetProperty="Background.GradientStops[1].Color" To="Red" />
<ColorAnimation Duration="0:0:0.15" Storyboard.TargetName="border" Storyboard.TargetProperty="Background.GradientStops[2].Color" To="Red" />
</Storyboard>
If anybody sees the mistake please tell me ;)
I don't see any obvious errors and the sample project I created using the code you posted works just fine. Maybe you can use it to find the source of your problem
Update
I tried to add a MouseLeave event as well and it's still working.
Update 2
Added MouseEnter