Grid

The Grid Widget allows users to work with a sophisticated table-like Widget.

Grid Widget

Property Name	Description
Columns	The columns in the Grid. See below about editing columns.
Even Row Back Color	The color for even row numbers (2, 4, 6, etc.).
Grid Line Color	The color for the Grid lines.
Has Headers	Does the Grid have column headings?
Header Back Color	The color for the column heading background. This is only used if the "Has Headers" is set to true.
Header Text Color	The color for the column heading text. This is only used if the "Has Headers" is set to true.
Header Text Font	The font to use for the column heading text. This is only used if the "Has Headers" is set to true.
Row Count	The number of rows in the Grid not including the column heading.
[All other properties]	See Common Properties.

Editing Columns

You can edit the items in the Column in two ways:

1.	You can double-click the Grid and edit the Grid directly. You can edit each cell in the column if the "Type" property is set to Text.

2.	You can click on the "..." button on the right side of the Columns property to display the Grid Column Collections Editor.

Grid Column Collection Editor

You can use the "Add" and "Remove" buttons to add and remove columns. The right side displays the properties of the node selected from the "Members" list.

Property Name

Description

Horizontal Alignment

The horizontal alignment of the column: Left, Center, Right. The exact behavior of this depends on the "Type" property. This will align the text or controls within the column.

Hyperlink Text Color

The color for the hyperlink text when the "Type" property is set to Hyperlink.

Image

The image to display in each cell of the column when the "Type" property is set to Image.

Items

This is the list of strings to display in a column. The exact behavior depends on the "Type" property:

•	Combobox: Each item represents an element in the Combo Box drop down.

•	HorizontalRadioButton: Each item represents a separate horizontal radio button.

•	VerticalRadioButton: Each item represent a separate vertical radio button.

Type

This determines the type of column:

•	Button: Displays a push button in each cell.

•	Checkbox: Displays a single check box in each cell.

•	Combobox: Displays a drop down combo box in each cell.

•	HorizontalRadioButton: Displays one or more radio buttons in each cell. The radio buttons are distributed across the cell.

•	Hyperlink: Displays a hyperlink in each cell.

•	Image: Displays an image in each cell.

•	Text: Displays text in the cell. You can edit the text of each cell by double clicking the Grid.

•	VerticalRadioButton: Displays one or more radio buttons in each cell. The radio buttons are distributed down the cell.

Vertical Alignment

The vertical alignment of the column: Top, Middle, Bottom. The exact behavior of this depends on the "Type" property. This will align the text or controls within the column.

Width

The width of the column in pixels.

[All other properties]

See Common Properties.