FormLayoutItemBase.BeginRow Property

Specifies whether a Form Layout group, tab pages container, or item starts a new row.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool BeginRow { get; set; }

Property Value

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

Remarks

All layout elements are rendered in a single container. A layout element moves to the next row if there is not enough space in 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