How do I change the text color of a button for different states in Expression Blend?

wpf user-interface expression-blend blend
John Rooney picture John Rooney · Jul 9, 2013 · Viewed 13.2k times · Source

I'm still learning Blend, so please bear with me. I have a toggle button in a WPF project and I need to change the text color for different states such as mouseover and checked. However, when I'm editing the template and I select the contentPresenter, the only brush is OpacityMask and it is not affected by any brush color changes.

I can of course change the text color by editing the style, but this is not useful as it is within the states I'm interesting in editing.

Basically, I simply want the text of the button to change on mouseover, hover, etc, this seems a reasonable thing to do, but the OpacityMask Brush of the ContentPresenter cannot be edited.

Someone mentioned to change the ContentPresenter into a ContentControl. This does work, but I now cannot edit the text for an instance of the button. Do I have to link the ContentControl to something?

Many thanks for any help. I'm stuck right here for a few hours and I've been searching everywhere for the answer, to no avail

Answer

Kapitán Mlíko picture Kapitán Mlíko · Jul 9, 2013

Foreground property is present in Style. So you can edit Style and there you can set Foreground. It could be something like this

<Style.Triggers>
    <Trigger Property="IsChecked" Value="False">
        <Setter Property="Foreground" Value="Blue"/>
    </Trigger>
</Style.Triggers>

Or if you want to change it in ControlTemplate then you can do it like this.

<Trigger Property="IsChecked" Value="True">
   <Setter Property="TextBlock.Foreground" TargetName="contentPresenterName" Value="White"/>
</Trigger>

So in expression blend you do it like this

  1. Locate your Style in the Resources panel, and then click the Edit resource button next to the resource. Or right-click and choose Edit.
  2. Add trigger in Triggers panel.
  3. Go to Properties panel and change Foreground property.

Related questions

Enter key pressed event handler

I want to capture the text from the textbox when enter key is hit. I am using WPF/visual studio 2010/.NET 4. I dont know what event handler to be used in the tag ? I also want to do the same …

Read More
How to get controls in WPF to fill available space?

Some WPF controls (like the Button) seem to happily consume all the available space in its' container if you don't specify the height it is to have. And some, like the ones I need to use right now, the (multiline) …

Read More
Change color of Button when Mouse is over

I want to change the background color of a button when IsMouseOver == True <Button Command="{Binding ClickRectangleColorCommand}" Background="{Binding Color, Converter={StaticResource RGBCtoBrushColorsConverter},Mode=TwoWay}" Width="auto" Height="40"> <TextBlock Foreground="Black" Text="{Binding Color, Converter={StaticResource RGBCColorToTextConveter},…

Read More