GridLayout.ColumnDefinitions Property

Returns the grid pane layout’s columns.

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

NuGet Package : DevExpress.Wpf.Charts

Declaration

C#
VB.NET

csharp

public LayoutDefinitionCollection ColumnDefinitions { get; }

Public ReadOnly Property ColumnDefinitions As LayoutDefinitionCollection

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.

XAML

xaml

<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>