Back to Devexpress

GridLayout Class

wpf-devexpress-dot-xpf-dot-charts-fc15136f.md

latest3.3 KB
Original Source

GridLayout Class

The settings that configure the chart panes’ grid layout.

Namespace : DevExpress.Xpf.Charts

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

NuGet Package : DevExpress.Wpf.Charts

Declaration

csharp
public class GridLayout :
    LayoutBase,
    IGridLayoutOptions,
    ILayoutOptions
vb
Public Class GridLayout
    Inherits LayoutBase
    Implements IGridLayoutOptions,
               ILayoutOptions

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

Inheritance

Object DispatcherObject DependencyObject ContentElement FrameworkContentElement DXFrameworkContentElement ChartNonVisualElement LayoutBase GridLayout

See Also

GridLayout Members

Pane Layout

DevExpress.Xpf.Charts Namespace