Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxFormLayoutTabPages.ActiveTabIndex Property

Specifies the index of the selected tabbed layout item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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.

Razor
<DxFormLayout>
    <DxFormLayoutTabPages @bind-ActiveTabIndex="@Index">
        <DxFormLayoutTabPage Caption="Personal Information">
            @* ... *@
        </DxFormLayoutTabPage>
        <DxFormLayoutTabPage Caption="Work Information">
            @* ... *@
    </DxFormLayoutTabPages>
</DxFormLayout>

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

FormLayout Tabs

Run Demo: Form Layout - Tabbed Groups

See Also