FormLayoutItemBase.ColSpanXxl Property
Specifies the number of columns an item, group, or a tab pages container occupies on extra extra large screens (1400px or wider).
Namespace: DevExpress.Blazor.Base
Assembly: DevExpress.Blazor.v23.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(0)]
[Parameter]
public int ColSpanXxl { 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 ColSpanXxl property to specify the number of columns for screens that are 1400px or wider.
<DxFormLayout>
<DxFormLayoutGroup ColSpanXxl="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.