Skip to main content

GridLayout.RowSpan Attached Property

Gets or sets the number of grid layout rows that the pane occupies.

Namespace: DevExpress.Xpf.Charts

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

Declaration

Returns

Type Description
Int32

The integer value that defines the number of rows that the pane occupies.

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