Change Button Background when is not enabled

Question

I need to change my Button background (as SolidColorBrush for example) only when it is not enabled (IsEnabled == false).
How can I do?

Have I to modify the Button Style using the XAML or can I do this work programmatically? What is the correct XAML code, to change only the Background when it is not enabled?

I tried the following XAML code but it has no effect:

<Button>
<Button.Style>
    <Style TargetType="Button">
        <Style.Triggers>
            <Trigger Property="IsEnabled" Value="False">
                <Setter Property="Background" Value="Red"></Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
</Button.Style>
</Button>

check this article: http://www.infosysblogs.com/microsoft/2010/07/wpf_-_disabled_look_for_button.html — kmatyaszek, Jan 15 '13 at 20:25

Eirik · Answer 1 · 2013-01-15T12:57:08.047

7

You can change the background by editing the template. You'll find the default template for Button here.

In the trigger for IsEnabled you can simply add something like this:

<Setter Property="Background" Value="{StaticResource DisabledBackgroundBrush}"/>

EDIT: Try this instead then;

<Window.Resources>
    <Style TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border x:Name="Overlay" CornerRadius="2">
                        <ContentPresenter/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter TargetName="Overlay" Property="Background" Value="Red"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<StackPanel>
    <Button Content="Button" IsEnabled="False"/>
</StackPanel>

Just change it to suit your needs.

edited Jan 15 '13 at 12:57

answered Jan 15 '13 at 12:37

Eirik

4,135
27
29

It is not the default template. Where can I find the correct template? – Nick Jan 15 '13 at 12:40
What version are you looking for? You can change the version in the top there for other versions. – Eirik Jan 15 '13 at 12:46
I'm looking for de default version. I want to change only the background when my button is disabled. The link that you provided me has a style that changes my button default style. Try yourself.. – Nick Jan 15 '13 at 12:48
I meant .NET version. (ie. 4.0 - http://msdn.microsoft.com/en-us/library/ms753328%28v=vs.100%29.aspx, ). Try the code I just added instead then, it should work. – Eirik Jan 15 '13 at 12:54

score -1 · Answer 2 · answered Jan 15 '13 at 12:30

-1

You can use a Style trigger:

<Image.Style>
    <Style>
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsEnabled}" Value="False">
                <Setter Property="Image.Source" Value="pack://application:,,,/disabled.png" />
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Image.Style>

answered Jan 15 '13 at 12:30

Echilon

10,064
33
131
217

2

Why Image.Style? I need to change the SolidColorBrush of my Button. – Nick Jan 15 '13 at 12:32
Use Button.Background instead of Image.Source and set color (or specific brush) in Value – chameleon Jan 15 '13 at 12:36

Change Button Background when is not enabled

2 Answers2

Linked