How to set the CornerRadius of a button programmatically [WPF/VB]?

Question

I know how to set the corner radius of a button in XAML.

However, I need to set the corner radius of buttons that are created programmatically (dynamic buttons), during runtime. Here's a code example:

    Dim pt As Thickness

    Dim mySolidColorBrush As SolidColorBrush = New SolidColorBrush()
    mySolidColorBrush = CType((New BrushConverter().ConvertFrom("#005EB8")), SolidColorBrush)

    pt.Top = 95
    
    If howMany > 0 Then 
        For i = 0 To howMany - 1
            Buttons(i) = New Button With {
                .Tag = i,
                .Margin = New Thickness(5, 5, 5, 0),
                .Width = 120,
                .Height = 60,
                .Foreground = New SolidColorBrush(Colors.White),
                .Background = mySolidColorBrush,
                .VerticalAlignment = VerticalAlignment.Top,
                .HorizontalAlignment = HorizontalAlignment.Left,
                .FontSize = 16,
                .Content = btnName(i)
                }
            AddHandler Buttons(i).Click, AddressOf ButtonClickDyna
            PNL_Main.Children.Add(Buttons(i))
            pt.Top += 45
        Next
    End If

I was not able to find such information on the internet and have been going through the properties of a button one by one, sadly with no success.

Any help will be much appreciated as I am still a newbie.

grek40 · Accepted Answer · 2022-07-13 06:15:06Z

0

Similar to the linked XAML based solution, I suggest you utilize styles when you create your dynamic buttons. Suppose you create some named resource styles in your window

€dit: in my first version I defined a separate named style for the Border, but as @ASh mentioned, the Border style can be nested within the Button style.

<Window.Resources>
    <Style x:Key="MyButtonStyle" TargetType="Button">
        <Style.Resources>
            <Style TargetType="Border">
                <Setter Property="CornerRadius" Value="5"/>
            </Style>
        </Style.Resources>
        <Setter Property="Margin" Value="5 5 5 0"/>
        <Setter Property="Width" Value="120"/>
        <Setter Property="Height" Value="60"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="Background" Value="#005EB8"/>
        <Setter Property="VerticalAlignment" Value="Top"/>
        <Setter Property="HorizontalAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="16"/>
    </Style>
</Window.Resources>

Then you can assign the MyButtonStyle to each created button.

The following code is in C#, but you should be able to create the equivalent VB code

private void Initializer_OnClick(object sender, RoutedEventArgs e)
{
    var buttonStyle = (Style) FindResource("MyButtonStyle");

    for (int i = 1; i <= 2; i++)
    {
        ButtonsContainer.Children.Add(new Button
        {
            Content = $"Button {i}",
            Style = buttonStyle
        });
    }
}

Usage example, where the "Initializer" Button dynamically creates two more buttons:

<Grid>
    <StackPanel Name="ButtonsContainer" Orientation="Horizontal"
                VerticalAlignment="Top" HorizontalAlignment="Stretch"/>
    <Button Content="Initializer"
            Style="{StaticResource MyButtonStyle}"
            VerticalAlignment="Center" HorizontalAlignment="Center"
            Click="Initializer_OnClick"/>
</Grid>

edited Jul 13, 2022 at 6:15

answered Jul 12, 2022 at 15:34

grek40

13.5k1 gold badge29 silver badges54 bronze badges

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

5 Comments

Omnisciens Over a year ago

That's a great solution and worked like a charm! Thank you so much for the effort you put in this answer. I was stuck on this problem for a while and you saved me. I cannot upvote it unfortunately, since I don't have reputation yet, but I will come later to upvote it. Thanks again!

ASh Over a year ago

I don't get why you need to create ResourceDictionary in code behind. this solution- stackoverflow.com/a/62494682/1506454 - allows to keep all settings in one place

grek40 Over a year ago

@ASh sounds correct, I'll change the answer. However, I can't validate the result right now, so I hope I don't screw it up :)

grek40 Over a year ago

@Omnisciens I edited my answer with the remark from ASh, it's a bit less complicated than the original approach regarding the border style definition.

Omnisciens Over a year ago

Thanks! This is even better and cleaner :)

Firo · Accepted Answer · 2022-07-12 13:04:29Z

-1

feel free to fix any syntax errors

Dim border = DirectCast(Buttons(i).Template.FindName("border", Buttons(i)), Border);
border.CornerRadius = 5;

edited Jul 12, 2022 at 13:04

answered Jul 12, 2022 at 10:11

Firo

30.8k4 gold badges57 silver badges97 bronze badges

7 Comments

grek40 Over a year ago

Are you sure you only change the template for a specific button instead of a template that would potentially be used for a lot of other buttons too? I didn't check, but my first impression would be, this might not be safe. Maybe you can clarify.

Firo Over a year ago

This takes the template of the button and asks it to get the generated element of this specific button with the name "border". The template itself has no border at all. It only has a factory to create the border.

Omnisciens Over a year ago

I receive the following message → BC30456 'CornerRadius' is not a member of 'Button'. I guess this is coming from C# and was translated but it's not working in VB, or am I doing something wrong?

Firo Over a year ago

wrong type in the cast. We are getting the border after all

Firo Over a year ago

might need to call ApplyTemplate() before.

|

Collectives™ on Stack Overflow

How to set the CornerRadius of a button programmatically [WPF/VB]?

2 Answers 2

5 Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related