How to make label resize along with the whole window in WPF Grid?

Question

I have a XAML design and want all the controllers resize themselves when user manually resize the window. All the controllers are textbox and combobox. Now When I resize the window, the label got partial hidden.

Here is the XAML:

<UserControl x:Class="Configurator_A350F_2D.Views.HomeView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:Configurator_A350F_2D.Views"
         mc:Ignorable="d" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
<Grid Background="White">

    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="2*"  />
        <RowDefinition Height="2*"  />
        <RowDefinition Height="2*"  />
        <RowDefinition Height="2*"  />
        <RowDefinition Height="2*"  />
        <RowDefinition Height="*"  />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="5*"/>
        <ColumnDefinition Width="5*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    
    <GroupBox Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" Header="Select 1" >
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <!-- PartNumber -->
            <Grid Grid.Row="0" VerticalAlignment="Center">
                <Label Content="Program    :"  HorizontalAlignment="Left" Margin="10"/>
                <ComboBox Name="ProgramDD" ItemsSource="{Binding bPrograms}" SelectedItem="{Binding Program}" Margin="100,10,10,10" HorizontalAlignment="Stretch" VerticalAlignment="Center"/>
            </Grid>

            <!-- SheetNumber -->
            <Grid Grid.Row="1">
                <Label Content="Section      :"  HorizontalAlignment="Left" Margin="10" VerticalAlignment="Center"/>
                <ComboBox Name="SectionDD" ItemsSource="{Binding bSections}"  SelectedItem="{Binding Section}" Margin="100,10,10,10" HorizontalAlignment="Stretch" VerticalAlignment="Center"/>
            </Grid>               

            <!-- Issue -->
            <Grid  Grid.Row="2">
                <Label Content="ATA           :" HorizontalAlignment="Left" Margin="10" VerticalAlignment="Center"/>
                <ComboBox Name="ATAChapterDD" ItemsSource="{Binding bATAChapters}" SelectedItem="{Binding ATAChapter}" Margin="100,10,10,10" HorizontalAlignment="Stretch" VerticalAlignment="Center"/>
            </Grid>
        
            <!-- Title -->
            <Grid  Grid.Row="3">
                <Label Content="DRW Type:" HorizontalAlignment="Left" Margin="10" VerticalAlignment="Center"/>
                <ComboBox Name="DRWTypeDD" ItemsSource="{Binding bDRWTypes}" SelectedItem="{Binding DRWType}"  Margin="100,10,10,10" HorizontalAlignment="Stretch" VerticalAlignment="Center"/>
            </Grid>
            
        </Grid>
    </GroupBox>

</Grid>

Are there any properties I need to change or set to achieve such effect?

Resizing the window height, at some point the labels start dissappearing. You have forced some Margins to your labels. Forget the margins if you want the labels to be present as long as possible... — tombobadil, Aug 10 '23 at 11:40

How to make label resize along with the whole window in WPF Grid?

0 Answers0