DxFormLayoutItem.ColSpanXl Property

Specifies the number of columns a layout item occupies on extra large screens (1200px or wider).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public int ColSpanXl { get; set; }

Property Value

Type	Description
Int32	The number of columns.

Remarks

The Form Layout allows you to create responsive and automatically-aligned edit forms.

The Form Layout component uses the Bootstrap grid system markup: each layout item occupies between 1 and 12 virtual columns. Use the ColSpanXl property to specify the number of columns for screens that are 1200px or wider.

<DxFormLayout>
    <DxFormLayoutItem ColSpanXl="4">
        ...
    </DxFormLayoutItem>
</DxFormLayout>