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.v20.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public int ColSpanXs { 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 ColSpanXs property to specify the number of columns for extra small screens (less than 576px).
<DxFormLayout>
<DxFormLayoutItem ColSpanXs="4">
...
</DxFormLayoutItem>
</DxFormLayoutItem>
See Also