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

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>

A group starts a new row

Run Demo: Form Layout - Groups

See Also