Setting Button FlatStyle in WPF

Question

I have just been learning about how styles and control templates in WPF can affect the appearance of buttons,

I'm trying to set the Button's FlatStyle, in the resources I've seen I can't find anything that tells me how I can do this, in Windows Forms this is set through FlatStyle = Flat.

How would one do this in WPF?

Does this answer your question? wpf flat button

StayOnTarget
– StayOnTarget

2021-01-15 14:00:12 +00:00
Commented Jan 15, 2021 at 14:00 — StayOnTarget
– StayOnTarget, Commented Jan 15, 2021 at 14:00

StayOnTarget · Accepted Answer · 2021-07-15 14:27:24Z

148

The ToolBar class defines a Style that makes Buttons look flat. An example of using it is:

<Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"/>

This also works for a ToggleButton when using ToggleButtonStyleKey.

WPF lets you completely restyle controls to make them look like whatever you want, which is why it doesn't have such a specific FlatStyle property on the Button control.

edited Jul 15, 2021 at 14:27

StayOnTarget

13.4k11 gold badges66 silver badges118 bronze badges

answered Mar 30, 2009 at 14:14

Kent Boogaart

180k39 gold badges401 silver badges398 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

MrEdmundo Over a year ago

Which is more correct? To create a style for Button that mimics the ToolBar.ButtonStyle, or just use the code you've provided. Thanks Ed

Kent Boogaart Over a year ago

Depends on your scenario I think. You can also "derive" a style from the ToolBar Button style by using the Style.BasedOn property.

BP. Over a year ago

In a pinch, this works pretty well. It is nice to use for a WPF Button control with an image as the sole content, as the image now will not shift up one pixel when you click and hold on the button. Thanks Kent.

O. R. Mapper Over a year ago

That's a good start. Unfortunately, WPF's toolbar button seems to show being focused in a way that can easily be confused with a "checked" toggle button (in fact, it looks a lot like a graphics bug, where the hover state is not correctly reset upon leaving the control) :-/

O. R. Mapper Over a year ago

Just noticed - setting the button's Focusable property to false will fix that, though. (Note that the button should still be reachable with keyboard shortcuts - it's just not included in the tab order, which is generally not something expected of a toolbar button.)

PhonicUK · Accepted Answer · 2012-10-05 10:19:18Z

25

Add the following to your Window/Page resources:

<Style BasedOn="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" TargetType="Button"></Style>

It will apply the flat style to all buttons in that styles scope.

answered Oct 5, 2012 at 10:19

PhonicUK

13.9k4 gold badges47 silver badges65 bronze badges

Collectives™ on Stack Overflow

Setting Button FlatStyle in WPF

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related