DxFormLayoutTabPages.ActiveTabIndex Property

Specifies the index of the selected tabbed layout item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public int ActiveTabIndex { get; set; }

Property Value

Type	Description
Int32	The index of a tabbed layout item.

Remarks

The Form Layout allows you to group layout items and layout groups into tabbed containers. End users can select tabbed items via mouse clicks. In order to make a particular tabbed item active programmatically, use the ActiveTabIndex property.

<DxFormLayout>
    <DxFormLayoutTabPages ActiveTabIndex="1">
        <DxFormLayoutTabPage Caption="Personal Information">
            @* ... *@
        </DxFormLayoutTabPage>
        <DxFormLayoutTabPage Caption="Work Information">
            @* ... *@
    </DxFormLayoutTabPages>
</DxFormLayout>

Run Demo: Form Layout - Tabbed Groups