How to use a trigger on ToggleButton.IsChecked or IsPressed correctly?

Question

That's my code:

<Window x:Class="WpfTests.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <Thickness x:Key="tasksMargin">0,10,0,0</Thickness>

</Window.Resources>
<Grid>
    <DockPanel HorizontalAlignment="Left">
        <!--<Border Padding="15">-->
        <GroupBox>
            <GroupBox.Header>
                Database Tasks
            </GroupBox.Header>
            <StackPanel Width="Auto" >
                <StackPanel.Resources>
                    <Style  TargetType="RadioButton">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="RadioButton">
                                    <ToggleButton IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                      Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                                  BorderThickness="2" BorderBrush="Yellow" Background="White"/>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="ToggleButton.IsChecked" Value="True">
                                                <Setter Property="Content" Value="different txt" />
                                            </Trigger>
                                        <Trigger Property="ToggleButton.IsPressed" Value="True">
                                                <Setter Property="Content" Value="different text" />
                                            </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="Margin" Value="5">
                        </Setter>
                    </Style>
                </StackPanel.Resources>

                <RadioButton  GroupName="Group1"  x:Name="button1">Option1</RadioButton>
                <RadioButton  GroupName="Group1" x:Uid="button2" x:Name="button2">button2</RadioButton>
                <RadioButton  GroupName="Group1" x:Uid="button3" x:Name="button3">button3</RadioButton>
            </StackPanel>
        </GroupBox>
    </DockPanel>
</Grid>

However, the IsChecked and IsPressed triggers do not get triggered. how to I declare them properly?

If I were you I'd grab a copy of some code from the web that works, and take it from there. See for example: anders.janmyr.com/2007/09/… — ColinE
– ColinE, Commented Aug 16, 2011 at 13:57
and the answer that actually worked for me has just been deleted. two downvotes now:D — Greg
– Greg, Commented Aug 16, 2011 at 14:23
@Greg - did it work for you? I deleted it cos I noticed it was only partially working. The IsPressed trigger wasn't working. I've re-instated the answer - but I think there's more work to be done! — IanR
– IanR, Commented Aug 16, 2011 at 14:26
yeah, is pressed doesn't seem to to work. but IsChecked works and this is the minimal requirement. If the solution for IsPressed just pops up in your head - don't hesitate to update your answer:) — Greg
– Greg, Commented Aug 16, 2011 at 14:30

IanR · Accepted Answer · 2011-08-16 14:08:39Z

If you give your ToggleButton a name and then reference that in the trigger setters then it should work. So, your ControlTemplate would look something like...

<ControlTemplate TargetType="RadioButton">
    <ToggleButton Name="toggleButton" IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                  Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                              BorderThickness="2" BorderBrush="Yellow" Background="White"/>
    <ControlTemplate.Triggers>
        <Trigger Property="ToggleButton.IsChecked" Value="True">
            <Setter TargetName="toggleButton" Property="Content" Value="different txt" />
        </Trigger>
        <Trigger Property="ToggleButton.IsPressed" Value="True">
            <Setter TargetName="toggleButton" Property="Content" Value="different text" />
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

brunnerh · Accepted Answer · 2011-08-16 13:59:22Z

1

The prefixed types in the triggers are not needed, also change the bindings on the togglebutton to TemplateBindings.

answered Aug 16, 2011 at 13:59

brunnerh

188k30 gold badges362 silver badges434 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:08:41Z

0

There some other solutions available, but for this problem. Do the following:

1) Give Your Toggle Name

<ToggleButton Name="tglBtn" IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
              Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
              BorderThickness="2" BorderBrush="Yellow" Background="White"/>

2) In trigger reference by the name given

<Trigger SourceName="tglBtn" Property="IsChecked" Value="True">
      <Setter TargetName="tglBtn" Property="Content" Value="different txt" />
</Trigger>

Hope that helps

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Aug 16, 2011 at 14:25

jmogera

1,7593 gold badges31 silver badges65 bronze badges

Collectives™ on Stack Overflow

How to use a trigger on ToggleButton.IsChecked or IsPressed correctly?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related