1. Grid control
Presented by
Remya N Sankar
06/30/09 Remya,Chipkidz

2. Grid Control
• Essentially a table used for positioning objects
in rows and columns
• It can have multiple children, and acts rather
like a spreadsheet.
• It acts much like HTML's table tag and allows
data and controls to be arranged in a tabular-
style view.
06/30/09 Remya,Chipkidz

3. Grid Control
• A row is the same height and a column is the
same width across the entire Grid,
• But elements can be made to span multiple
cells
• .Cells can contain more than one item.
06/30/09 Remya,Chipkidz

4. Grid Control
• The placement of an element in the Grid is
specified using attached
DependencyProperties
• Grid.Row,
• Grid.Column,
• Grid.RowSpan
• Grid.ColumnSpan.
06/30/09 Remya,Chipkidz

5. Grid sizing
• The size of rows and columns may be specified
exactly, set to "auto", or use "star-sizing".
• f a row or column is set to "auto", it will be just as tall
or wide as its tallest or widest child.
• In proportional sizing the value of a column or row is
expressed in Xaml as *.
<RowDefinition Height="*" >
• you can give twice the space to one column or row as
another by using 2*
06/30/09 Remya,Chipkidz

6. Example
06/30/09 Remya,Chipkidz

7. Example for Grid
06/30/09 Remya,Chipkidz

8. Thank you
06/30/09 Remya,Chipkidz