DxFormLayoutTabPage Class

A tabbed layout group.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.2.dll

Declaration

public class DxFormLayoutTabPage :
    FormLayoutGroupBase,
    IFormLayoutLevel

Remarks

A DxFormLayoutTabPage class instance is an individual tabbed layout group. The Form Layout stores its tabbed layout groups in a DxFormLayoutTabPages collection.

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

Tab Example

Use the CaptionPosition property to place the caption above an item (Vertical) or at its left (Horizontal).

You can disable the tab page or mark it as read-only.

Run Demo: Form Layout - Tabbed Groups

Inheritance

Object
ComponentBase
DevExpress.Blazor.Base.DxAsyncDisposableComponent
DevExpress.Blazor.Base.DxDecoratedComponent
See Also