DxFormLayoutItem.ColSpanXs Property

Specifies the number of columns a layout item occupies on extra small screens (less than 576px).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll


public int ColSpanXs { get; set; }

Property Value

Type Description

The number of columns.


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 ColSpanXs property to specify the number of columns for screens that are 576px or smaller.

    <DxFormLayoutItem ColSpanXs="4">
See Also