Question

Here is my XAML:

<Style x:Key="ExpanderStyle" TargetType="{x:Type ToggleButton}">
    <Setter Property="IsEnabled" Value="True" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <Image Source="/Images/SHCalendarLeftArrow.tiff" />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

So how can I add a Trigger to that OnMouseOver the image in the ControlTemplate changes to a different image.

Answer 1

Try using a Trigger inside your template:

<Setter Property="Template"> 
    <Setter.Value> 
        <ControlTemplate> 
            <Image x:Name="PART_img" Source="/Images/SHCalendarLeftArrow.tiff" /> 

            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter TargetName="PART_img"
                            Property="Source"
                            Value="/Images/SomeOtherImage.tiff" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate> 
    </Setter.Value> 
</Setter>