Why does WPF toggle button pulse once unchecked

Question

Within a Desktop app I have a toggle button:

<ToggleButton x:Name="CFStglBtn" Checked="cfsCBox_Checked"
              Unchecked="cfsCBox_Unchecked"
              IsChecked="True" HorizontalAlignment="Left" Margin="5,0,0,0">
    <StackPanel Orientation="Horizontal">
        <Image Source="assets\telephone.png" Margin="3,0,0,0" />
        <TextBlock Text="CFS" FontSize="10" Margin="5,5,5,0"
                   Foreground="DarkSlateGray"/>
    </StackPanel>
</ToggleButton>

For the Checked event I am setting a value and then executing a method FilterView(); //ommitting code

Unchecked state is just the opposite. resets a variable and executed the method again

The question I have is I noticed when I uncheck the toggle button the button continues to pulse or flash ( going from blue to chrome) as if it still has focus. The button will stay like this until another button is clicked.

Is there a way to remove this focus so that when the button is unchecked the button goes back to a unchecked state without the flashing / pulsing color.

• As you can see from above this is a standard toggle button no styles or custom
• I tested this on just a regular button and I found the same occured when clicked the button will continue to pulse / flash until another button is clicked.

How do you work around this or prevent this effect from happening.

Thank you

Answer 1

This is happening because of the button chrome built into the default template for the control. Your only workaround is to re-template the Button. This article should get you started.