DxFormLayoutItem.BeginRow Property

Specifies whether the current layout item starts a new row.

Namespace: DevExpress.Blazor

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 current layout item starts a new row; otherwise, false.

Remarks

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

See also: Bootstrap documentation

<DxFormLayout>
    <DxFormLayoutItem Caption="Postal/ZIP Code:" BeginRow="true">
        <DxTextBox @bind-Text="@ZipCode"></DxTextBox>
    </DxFormLayoutItem>
    ...
</DxFormLayout>

Run Demo: Form Layout - Item Wrapping