Checkbox IsMouseOver wont work

Question

When i add this controltemplate my checkboxes disapear and only the checkbox text is shown. And when mouse is over the textbackground becomes red, how do i get my checkbox background red when mouse is over?

<Style TargetType="CheckBox" x:Key="Checkbox">
    <Setter Property="BorderThickness"          Value="2" />
    <Setter Property="VerticalAlignment"        Value="Top" />
    <Setter Property="Margin"                   Value="20,15,0,0" />
    <Setter Property="FontFamily"               Value="/Resources/Fonts/Source Sans Pro/#Source Sans Pro" />
    <Setter Property="FontSize"                 Value="14" />
    <Setter Property="HorizontalAlignment"      Value="Left" />
    <Setter Property="Foreground"               Value="{DynamicResource CheckboxForegroundColor}" />
    <Setter Property="Background"               Value="{DynamicResource CheckboxBackgroundColor}" />
    <Setter Property="BorderBrush"              Value="{DynamicResource CheckboxBorderbrushColor}"/>


    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type CheckBox}">
                <CheckBox  Background="{TemplateBinding Background}" >
                    <ContentPresenter  />
                </CheckBox>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="Red"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>

put the trigger as a Style.Triggers instead of ControlTemplate.Triggers — nkoniishvt, Dec 13 '16 at 10:50
I get The member "triggers" is not acceciable or recongnigzed? — A.Game, Dec 13 '16 at 10:54
How do you declare the `CheckBox`? Does it explicitly reference the style? — Petter Hesselberg, Dec 13 '16 at 11:19
I tried Style.triggers but it doesn't work, somebody who can help? — A.Game, Dec 15 '16 at 09:46

score 1 · Accepted Answer · edited May 23 '17 at 12:08

1

This will work for some properties (try FontSize, for example), but not for others. The default template for the CheckBox has triggers of its own, and they don't bother with such things as TemplateBindings.

This post tells you how to extract the default template for a ComboBox. Here is an excerpt which shows your problem:

<ControlTemplate.Triggers>
    ...
    <Trigger Property="IsMouseOver" Value="true">
        <Setter
            Property="Background"
            TargetName="checkBoxBorder"
            Value="{StaticResource OptionMark.MouseOver.Background}"/>
        ...
    </Trigger>
    ...
</ControlTemplate.Triggers>

Your best bet is probably to override the entire template. Happily, it isn't too complex...

Remove your own template.
Follow the steps outlined in the post I linked to. That should give you a copy of the default CheckBox template.
Modify that copy. In particular, the IsMouseOver trigger that I excerpted: Change {StaticResource OptionMark.MouseOver.Background} to Red.

If this is still unclear, see this related post.

edited May 23 '17 at 12:08

Community

1
1

answered Dec 13 '16 at 12:31

Petter Hesselberg

5,062
2
24
42

Can you please explain, seems like i already done what you did? Sorry but im beginner in xaml – A.Game Dec 15 '16 at 08:19
Thanks a alot Petter!, i had to copy the default checkbox template to make it work. – A.Game Dec 16 '16 at 08:55
Do i do the same thing with expander? My round white expander button doesnt show in my OS. You know any solutions? @petter – A.Game Dec 20 '16 at 10:23
Dunno -- you can post that as a new question, with whatever code/XAML isn't working as expected. – Petter Hesselberg Dec 20 '16 at 10:49

Checkbox IsMouseOver wont work

1 Answers1