How to increase RowDefinition Height in Auto sizing in WPF?

Question

How to increase RowDefinition Height in Auto sizing in WPF?

MERUN KUMAR MAITY 636

I have a WPF application where I using fluid layout. That means I use Auto and Star (*) sizing to distribute my Grid space.

Here is the XAML code :

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

My question is, I want to increase the First RowDefinition Height which has Auto sizing in my case. I know how to increase height in Star () sizing, just giving values 2, 3* but I don't know how to increase height in Auto sizing.

Accepted answer

3 additional answers

Your answer

Answer 1

See if this works for you at runtime.

<Window  
    x:Class="WpfApp1.MainWindow"  
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  
    xmlns:local="clr-namespace:WpfApp1"  
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  
    Title="Code sample"  
    Width="500"  
    Height="800"  
    MinWidth="200"  
    MinHeight="300"  
    WindowStartupLocation="CenterScreen"  
    mc:Ignorable="d">  
  
    <Grid>  
        <Grid.RowDefinitions>  
            <RowDefinition Height="Auto" />  
            <RowDefinition Height="*" MinHeight="10" />  
            <RowDefinition Height="*" MinHeight="10" />  
        </Grid.RowDefinitions>  
  
        <Grid Grid.Row="0" Background="Red">  
            <TextBlock>Test</TextBlock>  
        </Grid>  
        <Grid Grid.Row="1" Background="BlanchedAlmond">  
            <TextBlock>Test</TextBlock>  
        </Grid>  
        <Grid Grid.Row="2" Background="DarkSeaGreen">  
            <TextBlock>Test</TextBlock>  
        </Grid>  
    </Grid>  
</Window>

MERUN KUMAR MAITY 636 Reputation points

2021-12-20T13:54:25+00:00

Thank you mam, your Idea to set MinHeight is perfectly working. But I should give larger values to MinHeight for my application because MinHeight = 10, is not working. By the way, thank you for the effort you put in to answer my question.

Answer 2

Ken Tucker 5,861

Try setting the MinHeight of the controls in the row

https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.frameworkelement.minheight?view=winrt-22000#Windows_UI_Xaml_FrameworkElement_MinHeight

Answer 3

Auto sizing distributes space evenly based on the size of the content that is within a column or row. You could set the height of the content of the row to increase the height of the row.

<Grid>  
        <Grid.RowDefinitions>  
            <RowDefinition Height="Auto" MinHeight="80" />  
            <RowDefinition Height="*"  />  
            <RowDefinition Height="Auto" MinHeight="10" />  
        </Grid.RowDefinitions>  
  
        <Grid Grid.Row="0" Background="LightSkyBlue">  
            <TextBlock Text=" hello"  Height="100" />  
        </Grid>  
        <Grid Grid.Row="1" Background="BlanchedAlmond">  
            <TextBlock>Test</TextBlock>  
        </Grid>  
        <Grid Grid.Row="2" Background="DarkSeaGreen">  
            <TextBlock Height="50">Test</TextBlock>  
        </Grid>  
    </Grid>

The result：

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 4

If you want the top and bottom of the three row definitions to remain on Auto (which reacts to fit in whatever controls are placed in that row), then a way to somewhat increase the height look and feel of that row, without resorting to fixed pixel size, and without resorting to number-star ratios, is to place Margins on whatever content controls are placed within that row=0. Even just adding Margins="0,2,0,2" to the control/element properties of each control placed in that row, does thicken the row slightly.

Share via

How to increase RowDefinition Height in Auto sizing in WPF?

3 additional answers

Your answer