ColumnDefinition.Width Property

  • Reference

Definition

Namespace:
Microsoft.UI.Xaml.Controls
Edit

Gets the calculated width of a ColumnDefinition element, or sets the GridLength value of a column that is defined by the ColumnDefinition. This is the content property of ColumnDefinition.

public:
 property GridLength Width { GridLength get(); void set(GridLength value); };
GridLength Width();

void Width(GridLength value);
public GridLength Width { get; set; }
var gridLength = columnDefinition.width;
columnDefinition.width = gridLength;
Public Property Width As GridLength
<ColumnDefinition Width="doubleValue"/>
- or -
<ColumnDefinition Width="starSizing"/>
-or-
<ColumnDefinition Width="Auto"/>

Property Value

GridLength

The GridLength that represents the width of the column. The default value is a GridLength representing a "1*" sizing.

Remarks

The default value of Width is a GridLength representing a "1*" sizing. This structure value has a Value data value of 1.0, and a GridUnitType data value of Star. With this default, each new ColumnDefinition you define for a Grid will have "1*" sizing, and each will be allotted an equal number of pixels for width of its content in layout handling. It's not uncommon to define ColumnDefinition as an object element in XAML without any attributes set and to just use this default behavior. The same is true for RowDefinition.

The value you set for Width can be constrained if you also set a value for MinWidth or MaxWidth. Each of these properties can take only pixel measurements, not Star sizing. If a ColumnDefinition uses Star or Auto sizing but also has MinWidth or MaxWidth constraints, the MinWidth or MaxWidth must be honored by the Grid layout behavior, even if that means giving or taking layout space from other Star sizing columns defined in the Grid that don't have constraints.

It's more common to use Star sizing than absolute pixel values for a Grid definition in a UWP app using C++, C#, or Visual Basic. Star sizing supports the dynamic layout concept, which helps your app look great on screens with different sizes, pixel densities and orientations. For more info, see Define layouts with XAML.

Applies to

See also