Home/ Questions/Q 6379751
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T02:10:41+00:00

I am looking to do something with XAML so that the row heights within

  • 0

I am looking to do something with XAML so that the row heights within a grid are variable. But I am not sure if it is possible.

I have two rows in a grid, and if there is data to fill each row then no issue. But, if there is no data to fill the second row then I would like the data in the fist row to be in fact centered using both rows.

I can achieve this by using the Rowspan property, but can I make this dynamic, based upon whether there is data for the row or not?

If not is there any other way for me to achieve this?

Updated code follows. 

<StackPanel Grid.Row="0" Grid.Column="4" Grid.RowSpan="2">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="25"/>
                    </Grid.RowDefinitions>
                    <TextBlock Text="{Binding Details}" TextWrapping="NoWrap" Style="{StaticResource PhoneTextNormalStyle}" 
                       Grid.Row="0"  Grid.Column="0" Grid.RowSpan="{Binding DetailRowSpan}"  FontSize="{StaticResource PhoneFontSizeMediumLarge}" VerticalAlignment="Center" />

                    <TextBlock Text="{Binding Location}" Style="{StaticResource PhoneTextSmallStyle}"
                       Grid.Row="1" Grid.Column="0"/>

                </Grid>

            </StackPanel>
  • thanks
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Set the Height property of the first row to *, and the height property of the second row to Auto:

    <Grid.RowDefinitions>
    <RowDefinition Height="*" />
    <RowDefinition Height="Auto" />
</Grid.RowDefinitions>

    This will make the height of the second row 0 if there is nothing in it. The first row will take up any available space.

    EDIT: After re-reading your question and reading the comments, I think that what you are actually asking is how to dynamically make a single cell span multiple rows (or not), depending on whether the next grid has content for that column. If that is the case, then I’d recommend creating a read-only integer property in the class that is bound to the cell whose height might vary. The property should calculate the number of rows that the cell should cover by examining the adjacent rows. It can then be bound to the RowSpan property of the grid.

    • 0