FormLayoutItemBase.ColSpanSm Property

Specifies the number of columns an item, group, or a tab pages container occupies on small screens (576px or wider).

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(0)]
[Parameter]
public int ColSpanSm { get; set; }

Property Value

Type	Default	Description
Int32	0	The number of columns.

Remarks

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

The component uses a responsive grid system based on the CSS flexible box layout to render items. Each layout item can occupy between 1 and 12 columns. Use the ColSpanSm property to specify the number of columns for screens that are 576px or wider.

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

If you do not specify the ColSpanXs, ColSpanSm, ColSpanMd, ColSpanLg, ColSpanXl, or ColSpanXxl property, an item occupies 6 columns; a group, tab, or tab page - 12 columns.