Positioning elements using a Grid : Grid « Windows Presentation Foundation « VB.Net






  1. VB.Net
  2. Windows Presentation Foundation
  3. Grid

Positioning elements using a Grid

       
<Page     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid ShowGridLines="true " >
        <ColumnDefinition Width="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <Label Grid.Row ="0" Grid.Column ="0" Width="100">Username</Label>
        <TextBox Grid.Row ="1" Grid.Column ="0" Width="150">username@example.com</TextBox>
        <Label Grid.Row ="2" Grid.Column ="0" Width="100">Password</Label>
        <PasswordBox Grid.Row ="3" Grid.Column ="0" Width="150"></PasswordBox>
        <Button Grid.Row ="4" Grid.Column ="0" Width="100" Content="Submit"/>
    </Grid>
</Page>








Related examples in the same category

1.The first row of a gridThe first row of a grid
2.Layout within a button using GridLayout within a button using Grid
3.Label in a GridLabel in a Grid
4.Display Content in Resizable Split PanelDisplay Content in Resizable Split Panel
5.Place more than two object to one cellPlace more than two object to one cell
6.Add StackPanel to Row 0Add StackPanel to Row 0
7.Using the attached properties of Grid
8.Two columns and three rows columnsTwo columns and three rows columns
9.Fixed column widthFixed column width
10.Grid with row and column definition and place buttons to grid cellsGrid with row and column definition and place buttons to grid cells
11.Shared Size GroupsShared Size Groups
12.DoubleSplit WindowDoubleSplit Window
13.Grid PreviewMouseDown action and MouseDown actionGrid PreviewMouseDown action and MouseDown action
14.Grid MouseMoveGrid MouseMove
15.Grid MouseLeftButtonDownGrid MouseLeftButtonDown
16.Grid MouseLeftButtonUpGrid MouseLeftButtonUp
17.Use the Grid to create a dialog box that uses the WPF layout API
18.Is Grid ReadOnlyIs Grid ReadOnly
19.Dynamically add Button to a Grid and add Action listenerDynamically add Button to a Grid and add Action listener
20.Setting Grid row heights in codeSetting Grid row heights in code
21.Layout Controls with Grid in codeLayout Controls with Grid in code
22.Show Grid lines in codeShow Grid lines in code
23.Grid mouse down eventGrid mouse down event
24.Grid Preview mouse down eventGrid Preview mouse down event
25.Put Button onto a GridPut Button onto a Grid
26.Use the IsSharedSizeScope attached property of the Grid elementUse the IsSharedSizeScope attached property of the Grid element
27.Change the margins of an element that is within a Grid by XAML and programmatic codeChange the margins of an element that is within a Grid by XAML and programmatic code
28.Programmatically use the positioning methods of GridProgrammatically use the positioning methods of Grid
29.Add a ColumnDefinition to GridAdd a ColumnDefinition to Grid
30.Add a RowDefinition to GridAdd a RowDefinition to Grid
31.Clear All ColumnsClear All Columns
32.Clear All RowsClear All Rows
33.Remove One ColumnRemove One Column
34.Remove One RowRemove One Row
35.The current number of ColumnsThe current number of Columns
36.The current number of RowsThe current number of Rows
37.Remove 5 Columns with ColumnDefinitions.RemoveRangeRemove 5 Columns with ColumnDefinitions.RemoveRange
38.Remove 5 Row with RowDefinitions.RemoveRange
39.Contains RowContains Row
40.Contains Column?Contains Column?
41.Insert RowInsert Row
42.Insert ColumnInsert Column
43.Set control to specific row and column in codeSet control to specific row and column in code
44.The default GroupStyle indents the items in a groupThe default GroupStyle indents the items in a group
45.A resizable layoutbased on GridA resizable layoutbased on Grid