FormLayoutItemBase.ColSpanSm Property
Specifies the number of columns an item, group, or tab pages occupies on small screens (576px or wider).
Namespace: DevExpress.Blazor.Base
Assembly: DevExpress.Blazor.v22.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public int ColSpanSm { 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 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
, ColSpanLg, or ColSpanXl property, the item, group, tab, or tab page occupies 6 virtual Bootstrap columns.
See Also