There's more...

There's more to know about the star sized value. When there are two rows or two columns having height/width defined as *, they will occupy the available space by dividing it proportionally. Thus, in the preceding example, each of the two rows occupied 50% of the available space. Similarly, the three columns equally occupied a total of 100% of the available space.

You can also define them using n*. For example, if a Grid contains two rows, and among them, one of the rows has a height defined as 2* and the other as 8*, they will occupy 20% and 80% of the available space. Let's see this with a simple example.

Create a Grid inside a window and set its ShowGridLines property to True, so that the grid lines are visible on screen. By default, it is set to False. Now divide the entire Grid into five columns. Consider the following XAML code:

<Grid ShowGridLines="True"> 
    <Grid.ColumnDefinitions> 
        <ColumnDefinition Width=&quot...