GridLength.Star Not Working For HorizontalAlignment="Center"

Nathan Sokalski 4,116

I have a Grid as follows:

<Grid Grid.Row="3" HorizontalAlignment="Center" VerticalAlignment="Center">
<Grid.RowDefinitions><RowDefinition Height=""/><RowDefinition Height=""/></Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
<ColumnDefinition Width=""/>
</Grid.ColumnDefinitions>
<Border Padding="5" BorderBrush="Black" BorderThickness="1,1,0.5,1"><Path HorizontalAlignment="Center" VerticalAlignment="Center" StrokeThickness="0" Fill="Green" Data="M10 20H0L19.5 0L40 20H29V26.5H10Z"/></Border>
<Border Grid.Column="1" Padding="5" BorderBrush="Black" BorderThickness="0.5,1,0.5,0.5"><TextBlock FontFamily="Arial" FontSize="32" Foreground="Black" TextAlignment="Center" OpticalMarginAlignment="TrimSideBearings" TextLineBounds="Tight" Text="2" VerticalAlignment="Center"/></Border>
</Grid>

Note that all ColumnDefinition(s) have Width="*", which I would expect to make all columns the same width. However, this is giving me the following:

But if I change the Grid to HorizontalAlignment="Stretch" (instead of Center), I get the following:

Is there any way to center the Grid without wrapping it in another element (such as another Grid)? Thanks.

1 answer

Daniele 1,996 Reputation points

2020-05-07T18:35:30.663+00:00

You defined too many columns, try to put only 2 ColumnDefinitions
Please sign in to rate this answer.
Nathan Sokalski 4,116 Reputation points

2020-05-07T19:14:21.97+00:00

That doesn't make any difference, even once I fill in all columns it does the same thing

Roy Li - MSFT 31,681 Reputation points Microsoft Vendor

2020-05-11T08:06:50.08+00:00

Please try to add a width value for the Grid. If not, the grid will automatically resize the size of the element based on the size. If the value of HorizontalAlignment/VerticalAlignment is Stretch, the element will stretch to fill the available space in the grid cell. Please check this document: Layout panels.

Nathan Sokalski 4,116 Reputation points

2020-05-11T16:02:44.23+00:00

That would be great if I knew or calculated the width of all the Children, however, doing this could be very tedious, especially for things such as borders & margins, or if the size of an element changes. Any other ideas?

Roy Li - MSFT 31,681 Reputation points Microsoft Vendor

2020-05-13T02:46:47.213+00:00

If you don't want to set the width of it, then you might need to warp the grid with some elements.
Sign in to comment