Search code examples
c#wpfinterfacesize

c# wpf how i set top element to fill and bottom fixed Height?

ok, is pathetic but i am at this more than 4 hour and cant figure out with this don't work, i tried stackpanel, grid, dockpanel, and everything comes to the same result

what i need is simple, the bottom element that will have buttons will have fixed height and another panel/section at the top filling all the remaining space, but the top one never works or it overlaps the bottom one or it keep at minimal Height at the top.

overlaps:

 <Grid>
    <Grid VerticalAlignment="Stretch" ></Grid>
    <Grid VerticalAlignment="Bottom" Height="100"></Grid>
</Grid>

one the top one become Height = 0

<Grid>
    <Grid VerticalAlignment="Top" ></Grid>
    <Grid VerticalAlignment="Bottom" Height="100"></Grid>
</Grid>

how i make the top one fill all the space?

edit===

for someone coming from winforms too: the paradigm changes, in winforms the elements itself define the position, in wpf the PARENT define the position of the child, keep that in mind and you will have no problem

no matter what you set on element itself, if is not in the parent will not take effect in 99% of the cases.

Solution

  • Define your Grid like so:

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

    <Grid Grid.Row="0" Background="green"/>
    <Grid Grid.Row="1">
        <Button Content="MyButton"/>
    </Grid>
</Grid>

    Defining RowDefinitions should do the trick.