Spacing buttons equally across a window in WPF

Question

What's the best control to arrange buttons horizontally across a window in WPF? I am having trouble arranging the buttons evenly while resizing the window. I tried to use the stack panel but the buttons just stay at their position and do not space out to fill up the window space. Tried to use the dock panel as well but no luck yet.

Can anybody suggest me a good way to do it or tell me if I am doing anything wrong?

score 22 · Accepted Answer · edited Sep 27 '11 at 16:22

22

How about a Grid or, even easier, UniformGrid?

edited Sep 27 '11 at 16:22

answered Dec 15 '09 at 20:44

Kent Boogaart

175,602
35
392
393

Thanks, I wasn't aware of the UniformGrid. That might solve my problem. :) – Saurabh Lalwani Dec 15 '09 at 21:52

score 8 · Answer 2 · answered Aug 09 '19 at 17:57

I'd like to see an example of how to easily get the UniformGrid to space the buttons equally if they are intended to retain their "natural" widths rather than being forced to have uniform widths.

In the meantime, perhaps this isn't the best solution, but it seems to work for me and might help the next person:

<Grid.ColumnDefinitions>
  <ColumnDefinition Width="Auto" />
  <ColumnDefinition Width="*" />
  <ColumnDefinition Width="Auto" />
  <ColumnDefinition Width="*" />
  <ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>

<Button x:Name="FirstBtn" Grid.Column="0" Content="_First" />
<!-- Skip column 1 so it will provide flexible space -->
<Button x:Name="SecondBtn" Grid.Column="2" Content="_Second" />
<!-- Skip column 3 -->
<Button Name="ThirdBtn" Grid.Column="4" Content="_Third" />

If the number of children is known design time, this might be the next best decision. And maybe you can subclass grid to allow Children.Add() functionality where you achieve a similar Column composition behind the scenes. — Tormod, Nov 15 '21 at 09:28

score 4 · Answer 3 · edited Aug 04 '15 at 09:45

4

What are you doing wrong? You are ignoring MSDN section on the layout system in WPF :).

You can use Grid and set HorizontalAlignment/VerticalAlignment of buttons to Center, and grid column width should be *.

edited Aug 04 '15 at 09:45

Lennart

9,657
16
68
84

answered Dec 15 '09 at 20:46

Anvaka

15,658
2
47
56

2

Thanks for the answer Anvaka .. but I guess UniformGrid seems to be doing it in a much cleaner and easier way. – Saurabh Lalwani Dec 15 '09 at 21:58

Spacing buttons equally across a window in WPF

3 Answers3