Arranging content within a Grid

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' d:DesignHeight='480'>
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid x:Name="myGrid" ShowGridLines="True" Background="LightGray" Width="310" Height="75">
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition></RowDefinition>
                <RowDefinition></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>

            <TextBlock Text="Please enter your name and email address." Grid.ColumnSpan="2"></TextBlock> 
            <TextBlock Text="Name: " Grid.Row="1"></TextBlock> 
            <TextBlock Text="Email Address: " Grid.Row="2"></TextBlock> 

            <TextBox Width="150" Grid.Column="1" Grid.Row="1"></TextBox>
            <TextBox Width="150" Grid.Column="1" Grid.Row="2"></TextBox>
        </Grid>
    </Grid>
</UserControl>

Related examples in the same category

1.	Positioning UI Elements with a Grid
2.	A Simple Grid Control
3.	Span two rows and two columns with an Image control
4.	Implementing a Grid to Set the Layout of Silverlight Controls
5.	Grid example
6.	ColumnSpan example
7.	Grid example 2* row and column definitions
8.	Use Grid to layout a Calendar
9.	Set Grid Row and Column for a Button
10.	Grid with Column Definition and Row definition
11.	Define rows / columns for Grid
12.	Using Grid.ColumnSpan
13.	Set Grid Row Height and Column Width to Auto
14.	Mixing row height styles
15.	Show Grid Lines
16.	Multiple Items in a Grid Cell
17.	Grid in ScrollViewer
18.	Margin vs Padding and Grid
19.	ColumnDefinition.Width=Auto
20.	Bind to Grid Width and Height
21.	Set Row and Column Index when Adding Buttons to Grid
22.	Put more than one Object to one Grid Cell
23.	Set Column and Row index when adding Controls to a Grid
24.	Empty RowDefinition and ColumnDefinition
25.	Use the Grid element to create a standard user interface (UI) dialog box.
26.	Place and size rectangles and ellipses in Grid cells
27.	Use Image as the Grid background
28.	Automatic Width and Height
29.	Layout Controls with Grid in code
30.	Set control to specific row and column in code
31.	Show Grid lines in code
32.	A basic Grid using star sizing.
33.	A basic Grid using auto sizing
34.	The basic syntax of a Grid
35.	Proportional Grid
36.	Nested Grids
37.	Grid cell stretch mode
38.	Programmatically adding a row and a column while setting the height and width
39.	Programmatically removing a row and a column
40.	The basic syntax and usage of a GridSplitter
41.	Star sizing Grid
42.	Grid mouse button up event

Arranging content within a Grid : Grid « Containers « Silverlight

Related examples in the same category