FormLayoutGroupBase.BeginRow Property

Specifies whether a Form Layout group, tab page, or tab starts a new row.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v21.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

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

Remarks

All layout elements (groups, tab pages, and tabs) are rendered as .col elements within a single .row container. A layout element moves to the next row if there are not enough columns within the current row. Use the BeginRow property to explicitly indicate that the layout element should be placed in 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>

Run Demo: Form Layout - Groups