change content button with trigger

Question

I want change the content of the button to another image when it is pressed but nothing happens.

<Grid>
    <Button Height="120" Width="75">
        <Button.Template>
            <ControlTemplate TargetType="Button">
                <Image Source="no-press.png"/>
                <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <DataTemplate>
                                        <Image Source="press.png"/>
                                    </DataTemplate>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Button.Template>      
    </Button>        
</Grid>

thank you :)

I answered a similar question recently whereby the user wanted to change the content of a button based on a view model or backing property. There is a button click handler which could set this property in your case > http://stackoverflow.com/questions/30685101/contentcontrol-switch-between-two-buttons/30686307#30686307 — James Harcourt, Jun 07 '15 at 22:23

score 6 · Accepted Answer · answered Jun 08 '15 at 00:41

Here you go:

<Grid>
    <Button Height="120" Width="75">
        <Button.Style>
            <Style TargetType="Button">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Border Background="Transparent" BorderThickness="1" BorderBrush="Black">
                                <ContentPresenter Name="content"/>
                            </Border>
                            <ControlTemplate.Triggers>
                                <Trigger Property="Button.IsPressed" Value="True">
                                    <Setter TargetName="content" Property="ContentPresenter.Content">
                                        <Setter.Value>
                                            <Image Source="pressed.png"/>
                                        </Setter.Value>
                                    </Setter>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Button.Style>
        <Image Source="no-pressed.png"/>
    </Button>
</Grid>

change content button with trigger

1 Answers1