StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>In a WPF Grid, <code>Width="*"</code> or <code>Height="*"</code> means proportional sizing.<br> For example: to give 30% to column 1 and 70% to column 2 -</p> <pre><code><ColumnDefinition Width="3*" /> <ColumnDefinition Width="7*" /> </code></pre> <p><img src="https://i.stack.imgur.com/cfmC3.png" alt="enter image description here"></p> <p>And likewise for rows -</p> <pre><code><RowDefinition Height="3*" /> <RowDefinition Height="7*" /> </code></pre> <p>The numbers do not have to be integers.<br> If the Width for RowDefinition (Height for ColumnDefinition) is omitted, 1* is implied.<br> In this example, column 1 is 1.5 times wider than column 2 -</p> <pre><code><ColumnDefinition Width="1.5*" /> <ColumnDefinition /> </code></pre> <p><img src="https://i.stack.imgur.com/7K7XH.png" alt="Column 1: 1.5*, Column 2 1* (implied)"></p> <p>You can mix auto-fit and fixed widths with * (proportional) widths; in that case the * columns are apportioned to the remainder after the auto-fit and fixed widths have been calculated - </p> <pre><code><Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" />  <ColumnDefinition Width="50.5" />  <ColumnDefinition Width="69*" />  <ColumnDefinition Width="31*"/>  </Grid.ColumnDefinitions> <TextBlock Text="Hi" Grid.Column="0" /> </code></pre> <p><img src="https://i.stack.imgur.com/uEIAp.png" alt="enter image description here"></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload