How to create/make rounded corner buttons in WPF?

.net wpf button styles wpf-controls
xorpower picture xorpower · Jul 19, 2011 · Viewed 129.2k times · Source

I need to create a rounded corner glossy button in WPF. Can anyone please explain me what steps are needed?

Answer

Keith Stein picture Keith Stein · Aug 7, 2019

I know this post is super old, but I have an answer that's surprisingly missing from the above and is also much simpler than most.

<Button>
    <Button.Resources>
        <Style TargetType="Border">
            <Setter Property="CornerRadius" Value="5"/>
        </Style>
    </Button.Resources>
</Button>

Since the default ControlTemplate for the Button control uses a Border element, adding a style for Border to the Button's resources applies that style to that Border. This lets you add rounded corners without having to make your own ControlTemplate and without any code. It also works on all varieties of Button (e.g. ToggleButton and RepeatButton).

Related questions

How to programmatically click a button in WPF?

Since there's no button.PerformClick() method in WPF, is there a way to click a WPF button programmatically?

Read More
How do I prevent WPF buttons from remaining highlighted after being clicked?

When a standard WPF button is clicked, it gets highlighted in blue (probably using the blue color from whatever Windows theme is set), and it stays highlighted until you interact with any other control. For my application, it is confusing …

Read More
Change button border thickness in wpf?

Why the border thickness of the Button doesn't change? If I change the border thickness to 1 or 100, it doesn't matters. It's the same. I would like to change it using Style, not Custom Template. <Window x:Class="GUI.MainWindow" …

Read More