Home/ Questions/Q 5840913
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T11:49:05+00:00

I have created two buttons using the following XAML code. <Button x:Name=Button1 Width=100 Content=Button1

  • 0

I have created two buttons using the following XAML code.

<Button x:Name="Button1" Width="100" Content="Button1" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>
                        <Button x:Name="Button2" Width="100" Content="Button2" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>

The two buttons are tightly touching each other. How to put some space between them?

Note: The buttons are located inside a stackpanel with Horizontal orientation.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add a Margin to your buttons

    <Button Margin="10" x:Name="Button1" Width="100" Content="Button1" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>
<Button Margin="10"  x:Name="Button2" Width="100" Content="Button2" HorizontalAlignment="Left" VerticalAlignment="Top" ></Button>

    The Margin will make sure there is at least that much space between each button and any other control

    Something you might find useful is that you can have different margin values for top, left, right and bottom so:

    Margin="10,0,10,0"

    Would space the buttons out horizontally but wouldn’t make them any smaller vertically…

    • 0