DxFormLayoutTabPages.ActiveTabIndex Property

Specifies the index of the selected tabbed layout item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(0)]
[Parameter]
public int ActiveTabIndex { get; set; }

Property Value

Type	Default	Description
Int32	0	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 @bind-ActiveTabIndex="@Index">
        <DxFormLayoutTabPage Caption="Personal Information">
            @* ... *@
        </DxFormLayoutTabPage>
        <DxFormLayoutTabPage Caption="Work Information">
            @* ... *@
    </DxFormLayoutTabPages>
</DxFormLayout>

@code {
    int Index { get; set; } = 1;
}

Run Demo: Form Layout - Tabbed Groups