Layout a Form with StackPanel and Grid : Grid « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. Grid
<Window x:Class="Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="UseExpander" Height="300" Width="300">
    <Grid>
        <StackPanel Name="StackPanel1" Margin="0,0,0,0">
            <Expander Header="Name" Margin="0,0,0,0" Name="Expander1" IsExpanded="True">
                <StackPanel Margin="20,0,0,0">
                    <StackPanel Height="Auto" Width="Auto" Orientation="Horizontal">
                        <Label Height="25.96" Width="84">First Name</Label>
                        <TextBox Height="25" Width="147" />
                    </StackPanel>
                    <StackPanel Height="Auto" Width="Auto" Orientation="Horizontal">
                        <Label Height="25.96" Width="84">Last Name</Label>
                        <TextBox Height="25" Width="147" />
                    </StackPanel>
                </StackPanel>
            </Expander>
            <Separator />
            <Expander Header="Address" Margin="0,0,0,0" IsExpanded="True">
                <StackPanel Margin="20,0,0,0" >
                    <StackPanel Height="Auto" Width="Auto" Orientation="Horizontal">
                        <Label Height="25.96" Width="84">Street</Label>
                        <TextBox Height="25" Width="147" />
                    </StackPanel>
                    <StackPanel Height="Auto" Width="Auto" Orientation="Horizontal">
                        <Label Height="25.96" Width="84">City</Label>
                        <TextBox Height="25" Width="147" />
                    </StackPanel>
                    <StackPanel Height="Auto" Width="Auto" Orientation="Horizontal">
                        <Label Height="25.96" Width="84">State</Label>
                        <TextBox Height="25" Width="147" />
                    </StackPanel>
                    <StackPanel Height="Auto" Width="Auto" Orientation="Horizontal">
                        <Label Height="25.96" Width="84">Zip</Label>
                        <TextBox Height="25" Width="147" />
                    </StackPanel>
                </StackPanel>
            </Expander>
            <Separator />
        </StackPanel>
    </Grid>
</Window>
WPF Layout A Form With Stack Panel And Grid




24.42.Grid
24.42.1.Simple Grid.xamlSimple Grid.xaml
24.42.2.Use Grid to layout a CalendarUse Grid to layout a Calendar
24.42.3.Grid with Rectangle and GeometryDrawingGrid with Rectangle and GeometryDrawing
24.42.4.Set Grid Row and Column for a ButtonSet Grid Row and Column for a Button
24.42.5.Arrange UI Elements in a GridArrange UI Elements in a Grid
24.42.6.Align Ellipses along with GridAlign Ellipses along with Grid
24.42.7.Show Grid LinesShow Grid Lines
24.42.8.Multiple Items in a Grid CellMultiple Items in a Grid Cell
24.42.9.Grid in ScrollViewerGrid in ScrollViewer
24.42.10.Margin vs Padding and GridMargin vs Padding and Grid
24.42.11.Window with GridWindow with Grid
24.42.12.Arrange the children for GridArrange the children for Grid
24.42.13.Put more than one Object to one Grid CellPut more than one Object to one Grid Cell
24.42.14.Nested GridNested Grid
24.42.15.Shared Size GroupShared Size Group
24.42.16.Use the Grid element to create a standard user interface (UI) dialog box.Use the Grid element to create a standard user interface (UI) dialog box.
24.42.17.Place and size rectangles and ellipses in Grid cellsPlace and size rectangles and ellipses in Grid cells
24.42.18.Use Image as the Grid backgroundUse Image as the Grid background
24.42.19.Grid with SharedSizeGroupGrid with SharedSizeGroup
24.42.20.Layout a Form with StackPanel and GridLayout a Form with StackPanel and Grid
24.42.21.Layout Controls with Grid in codeLayout Controls with Grid in code