<< Click here to display Table of Contents >> Navigation: Install, Configure and Administer GN4 > Configuring GN4 > Reference of Configuring GN4 > XAML controls:

ColumnDefinition class

Build 1501 on 14/Nov/2017 This topic last edited on: 22/Mar/2016, at 16:29

Contents

Description

Defines a vertical zone

Members

Width

Width.

MaxWidth

Maximum width you can stretch a zone to.

Example

On a main tab, the Grid.ColumnDefinitions section defines how many columns are managed on screen. Each ColumnDefinition creates one column. The column width can be specified as an absolute value (in pixels), and also limited to MaxWidth (the maximum width you can scale the column dragging its splitter) or you can use Auto, or *. Auto means that the column adapts to the displayed content, and * means that the column may use the entire remaining space.

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

The above definition is copied from the grid under "Ted4Articles" main tab, and cater for two-part screen layout: search panel on left, article designer view on right side. Search panel initial width is 450 pixels, and its splitter can be dragged to maximum of 800 pixels. The designer initial width is what remains of the navigator.

On a navigator, the <Grid.ColumnDefinitions section in a navigator contains lines that define how many columns are managed on that navigator.

Each <ColumnDefinition statement creates one column.

The column width can be specified as an absolute value (in pixels), and also limited to MaxWidth (the maximum width you can scale the column dragging its splitter) or you can use Auto, or *. Auto means that the column adapts to the displayed content, and * means that the column may use the entire remaining space.

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

The above definition is copied from the grid of the ArticlesTab navigator under Ted4Articles main tab, and cater for two-part screen layout without any other specification.