DxFormLayoutTabPages.ActiveTabIndex Property

Specifies the index of the selected tabbed layout item.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

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

See Also

DxFormLayoutTabPages Class

DxFormLayoutTabPages Members

DevExpress.Blazor Namespace