mirror of
https://github.com/Stone-Red-Code/docs-desktop.git
synced 2026-09-06 16:06:07 +02:00
Andy (Steve) De George
be103da07e
* net-current-v30plus-md.md * net-current-v40plus-md.md * tla2sharptla-ui-md.md * tla2sharptla-uiautomation-md.md * tla2sharptla-winclient-md.md * tla2sharptla-xaml-md.md * tlasharptla-ui-md.md * tlasharptla-uiautomation-md.md * tlasharptla-winclient-md.md * tlasharptla-xaml-md.md * fix warnings
26 lines
1.8 KiB
Markdown
26 lines
1.8 KiB
Markdown
---
|
|
title: "How to: Create a Grid Element"
|
|
ms.date: "03/30/2017"
|
|
dev_langs:
|
|
- "csharp"
|
|
- "vb"
|
|
helpviewer_keywords:
|
|
- "Grid control [WPF], creating [WPF], grid instance"
|
|
ms.assetid: b2f07626-9df8-43b8-8d36-492f3cb42837
|
|
---
|
|
# How to: Create a Grid Element
|
|
## Example
|
|
The following example shows how to create and use an instance of <xref:System.Windows.Controls.Grid> by using either Extensible Application Markup Language (XAML) or code. This example uses three <xref:System.Windows.Controls.ColumnDefinition> objects and three <xref:System.Windows.Controls.RowDefinition> objects to create a grid that has nine cells, such as in a worksheet. Each cell contains a <xref:System.Windows.Controls.TextBlock> element that represents data, and the top row contains a <xref:System.Windows.Controls.TextBlock> with the <xref:System.Windows.Controls.Grid.ColumnSpan%2A> property applied. To show the boundaries of each cell, the <xref:System.Windows.Controls.Grid.ShowGridLines%2A> property is enabled.
|
|
|
|
[!code-csharp[Grid#3](~/samples/snippets/csharp/VS_Snippets_Wpf/Grid/CSharp/Grid_Code.cs#3)]
|
|
[!code-vb[Grid#3](~/samples/snippets/visualbasic/VS_Snippets_Wpf/Grid/VisualBasic/grid_vb.vb#3)]
|
|
[!code-xaml[Grid#3](~/samples/snippets/xaml/VS_Snippets_Wpf/Grid/XAML/default.xaml#3)]
|
|
|
|
Either approach will generate a user interface that looks much the same, like the one below.
|
|
|
|
|
|
## See also
|
|
|
|
- <xref:System.Windows.Controls.Grid>
|
|
- [Panels Overview](panels-overview.md)
|