Changing Content of ToggleButton with Style.Triggers only shows "System.Windows.Style" on button

Question

I have a very simple ToggleButton that uses a Trigger to change the content:

<ToggleButton>
    <Style TargetType="{x:Type ToggleButton}">
        <Setter Property="Content" Value="Unchecked" />

        <Style.Triggers>
            <Trigger Property="IsChecked" Value="True">
                <Setter Property="Content" Value="Checked" />
            </Trigger>
        </Style.Triggers>
    </Style>
</ToggleButton>

However, the text inside the ToggleButton always shows: "System.Windows.Style"

Any idea as to why this is?

Answer 1

Try this:

<ToggleButton >
    <ToggleButton.Style >
        <Style>
            <Setter  Property="ToggleButton.Content" Value="Unchecked" />
            <Style.Triggers>
                <Trigger Property="ToggleButton.IsChecked" Value="True">
                    <Setter Property="ToggleButton.Content" Value="Checked" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </ToggleButton.Style>
</ToggleButton>

Answer 2

You missed <ToggleButton.Style> between <ToggleButton> and <Style> like this:

<ToggleButton>  
            <ToggleButton.Style>  
                <Style TargetType="ToggleButton">  
                    <Setter Property="Content" Value="Unchecked" />  
                    <Style.Triggers>  
                        <Trigger Property="IsChecked" Value="True">  
                            <Setter Property="Content" Value="Checked" />  
                        </Trigger>  
                    </Style.Triggers>  
                </Style>  
            </ToggleButton.Style>  
        </ToggleButton>  

Or you can do it like:

 <Window.Resources>  
            <Style x:Key="MyToggleButton"  TargetType="{x:Type ToggleButton}">  
                <Setter Property="Content" Value="Unchecked" />  
                <Style.Triggers>  
                    <Trigger Property="IsChecked" Value="True">  
                        <Setter Property="Content" Value="Checked" />  
                    </Trigger>  
                </Style.Triggers>  
            </Style>  
        </Window.Resources>  
        <Grid>  
            <ToggleButton Style="{StaticResource MyToggleButton}"></ToggleButton>  
        </Grid>  

---

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.