FormLayoutItemBase.ColSpanLg Property

Specifies the number of columns an item, group, or tab pages occupies on a large screen (992px or wider).

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
Int32	The number of columns.

Remarks

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

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

<DxFormLayout>
    <DxFormLayoutGroup ColSpanLg="4">
        ...
    </DxFormLayoutGroup>
</DxFormLayout>

If you do not specify the ColSpanXs, ColSpanSm, ColSpanLg, or ColSpanXl property, the item, group, tab, or tab page occupies 6 virtual Bootstrap columns.