Skip to main content

GridLayout.ColumnDefinitions Property

Returns the grid pane layout’s columns.

Namespace: DevExpress.Xpf.Charts

Assembly: DevExpress.Xpf.Charts.v21.2.dll

Declaration

public LayoutDefinitionCollection ColumnDefinitions { get; }

Property Value

Type Description
LayoutDefinitionCollection

The collection of grid layout columns.

Example

This example shows how to arrange chart panes using the grid layout.

Assign the GridLayout instance to the PaneLayout property. Populate the ColumnDefinitions and RowDefinitions collections with LayoutDefinition objects.

The Size property allows you to specify the layout item’s size.

Use the Column, ColumnSpan, Row and RowSpan attached properties to define a pane position.

<dxc:XYDiagram2D.PaneLayout>
    <dxc:GridLayout>
        <dxc:GridLayout.ColumnDefinitions>
            <dxc:LayoutDefinition Size="1*"/>
            <dxc:LayoutDefinition Size="200"/>
        </dxc:GridLayout.ColumnDefinitions>
        <dxc:GridLayout.RowDefinitions>
            <dxc:LayoutDefinition/>
            <dxc:LayoutDefinition/>
        </dxc:GridLayout.RowDefinitions>
    </dxc:GridLayout>
</dxc:XYDiagram2D.PaneLayout>

<dxc:XYDiagram2D.DefaultPane>
    <dxc:Pane dxc:GridLayout.Column="0"
              dxc:GridLayout.Row="0"
              dxc:GridLayout.RowSpan="2"/>
</dxc:XYDiagram2D.DefaultPane>
<dxc:XYDiagram2D.Panes>
    <dxc:Pane dxc:GridLayout.Column="1" 
              dxc:GridLayout.Row="0" 
              x:Name="pressurePane"/>
    <dxc:Pane dxc:GridLayout.Column="1" 
              dxc:GridLayout.Row="1"/>
</dxc:XYDiagram2D.Panes>
See Also