ToggleButton Content binding to its state

Question

I need exactly was is solved in this question, unfortunately it is for Silverlight and I was not able to make that "Interactivity" libraries to work.

I have a ToggleButton and I want to change the Content property to "Hello" when it's checked "Good bye" when it's unchecked. Changing it manually is not an option for me in this case, as the change of the state can be done from multiple sources.

I think that an Converter might be needed for this task, and I've seen converters to Visibility but not to string.

EDIT: I've thought about putting both words in a stackpanel and switch the visibility Visible/Collapsed bound to the state:

         <ToggleButton.Content>
          <StackPanel>
              <TextBlock Text="Hello" Visibility="{Binding ...}"/>
              <TextBlock Text="GoodBye"/>
          </StackPanel>
      </ToggleButton.Content>

You need a reference to System.Windows.Interactivity library and that solution you indicated for Silverlight will work in WPF as well. — Nitesh, Jul 30 '13 at 17:51

score 6 · Answer 1 · answered Jul 30 '13 at 17:51

6

You can use Triggers:

<ToggleButton>
    <ToggleButton.Style>
        <Style TargetType="ToggleButton">
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Content" Value="Hello" />
                </Trigger>
                <Trigger Property="IsChecked" Value="False">
                    <Setter Property="Content" Value="Good bye" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </ToggleButton.Style>
</ToggleButton>

If you want to use System.Windows.Interactivity.dll you can find it in Microsoft Expression Blend Software Development Kit (SDK) (download link).

answered Jul 30 '13 at 17:51

kmatyaszek

19,016
9
60
65

That works great but I can't use it because I'm using a interface template and if I change the Style, the default theme is shown. Is there a way to add those triggers AND maintain the current visuals? – Sturm Jul 30 '13 at 17:54
@Sturm yes of course. You should check `BasedOn` property in Style: ` – kmatyaszek Jul 30 '13 at 17:57
tb is supposed to be the name of my current template? – Sturm Jul 30 '13 at 17:59
@Sturm your current style. Can you paste this style? – kmatyaszek Jul 30 '13 at 18:00

score 2 · Answer 2 · answered Jul 30 '13 at 17:51

You could implement a BooleanToSalutation:

public class BooleanToSalutationConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (value is Boolean)
        {
            return (bool)value ? "Hello" : "Good bye";
        }

        return value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (value is string)
        {
            return ((string)value) == "Hello";
        }

        return value;
    }
}

ToggleButton Content binding to its state

2 Answers2