FormLayoutGroupBase.BeginRow Property

Specifies whether a Form Layout group starts a new row.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public bool BeginRow { get; set; }

Property Value

Type	Description
Boolean	true, if the layout group starts a new row; otherwise, false.

Remarks

All layout item groups are rendered as .col elements within a single .row container. A group moves to the next row if there are not enough columns within the current row. Use the BeginRow property to explicitly indicate that this group should be placed onto a new row.

<DxFormLayout>
    <DxFormLayoutGroup Caption="Personal Information">
        <DxFormLayoutItem Caption="First Name:" ColSpanMd="6">
            ...
        </DxFormLayoutItem>
    </DxFormLayoutGroup>

    <DxFormLayoutGroup Caption="Work Information" BeginRow="true">
        <DxFormLayoutItem Caption="Position:" ColSpanMd="6">
            ...
        </DxFormLayoutItem>
    </DxFormLayoutGroup>
</DxFormLayout>

Online Demo

Form Layout - Groups