ansaurus

Question

WPF - Resizing Columns and Rows in a Grid

Answer 1

+1 A:

Use * for the column width instead of Auto, which tells the column to take up whatever space is left after the other columns are set.

If you need multiple columns to share the available space in different percentages, you can prefix the * with a number, as in "2*" and "3*". By default, "" means 1.

HTH,
Berryl

Berryl 2010-07-18 16:27:12

Hi, thanks for answering. Problem here is how to specify NO resizing height on all rows except for a certain one. * is only supported for the Column Definition and Row Definition, so how can you get a cross section? 2nd row, 2nd col to only act that way.As the example holds, the bottom buttons don't glue to the bottom, AND the last row, last col doesn't resize. replacing the auto with '*' doesn't help.

appWoW 2010-07-19 04:08:21

I revised the sample code above... but still having problems.

appWoW 2010-07-19 04:51:56

Hi appWow. I got a bit lost with what you are trying to do here. Specifying NO resizing except for one means that that one row and only that one row has Height="*". That is different from sizing individual cells in the grid - the best way to do that is nest one grid inside the other and use star sizing on that cell's (2nd row, 2nd Col) Width="*". HTH

Berryl 2010-07-19 19:05:32

Answer 2

A:

I seem to only be able to solve the problems by incorporting the StackPanel in its own grid row, and column. Here is my solution. Not sure if dock panel is necessary in this case... but without tinkering more ... that's my current solution. If any one can explain to me how to get it working with the stack panel OK, Cancel buttons 'outside' the grid, i'd love to know. Meanwhile, this solution is available for those of you looking into this sort of problem. As you see you need to use Auto in all the other row definitions. * where u want it to expand.

<DockPanel VerticalAlignment="Stretch">
        <Grid DockPanel.Dock="top"  VerticalAlignment="Stretch" Grid.Column="0"  Margin="10,10,10,10" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"></ColumnDefinition>
                <ColumnDefinition MinWidth="150" Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>

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

            <Label Grid.Column="0" Grid.Row="0" Content="Test1"/>
            <Label Grid.Column="0" Grid.Row="1" Content="Test2 -Long notes"/>
            <Label Grid.Column="0" Grid.Row="2" Content="Test3"/>

            <TextBox Grid.Column="1" Grid.Row="0" />
            <TextBox Grid.Column="1" Grid.Row="1" TextWrapping="Wrap" AcceptsReturn="True" VerticalScrollBarVisibility="Auto" />
            <TextBox Grid.Column="1" Grid.Row="2" />

            <StackPanel Grid.Column="1" Grid.Row="3" VerticalAlignment="Bottom" HorizontalAlignment="Right" Orientation="Horizontal" MinHeight="20" Margin=" 0,10,0,0">
                <Button Content="OK" Margin="0,0,10,0" Width="75" IsDefault="True"/>
                <Button Content="Cancel" Width="75" IsCancel="True" />
            </StackPanel>
        </Grid>
    </DockPanel>

appWoW 2010-07-19 05:22:43

The DockPanel, is doing what you want (sort of) because it makes the LastChildFill="true" by default. Your StackPanel is the last child. The idea is right in that you have one panel (the grid) nested inside of another (the DockPanel). If you want finer control like you seem to want, then change the DockPAnel to a Grid also. HTH

Berryl 2010-07-19 19:12:22

ansaurus

tags:

views:

answers:

WPF - Resizing Columns and Rows in a Grid

related questions