Skip to main content

DxFormLayoutTabPages.ActiveTabIndexChanged Event

Occurs when the active tabbed layout item is changed.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor


public EventCallback<int> ActiveTabIndexChanged { get; set; }


Type Description

The index of the newly selected item.


Use the ActiveTabIndexChanged event to respond to a change of the active tabbed layout item’s index.

    <DxFormLayoutTabPages ActiveTabIndex="@ActiveTabIndex" ActiveTabIndexChanged="OnActiveTabIndexChanged">
        <DxFormLayoutTabPage Caption="Personal Information">
            @* ... *@
        <DxFormLayoutTabPage Caption="Work Information">
            @* ... *@

@code {
    int ActiveTabIndex { get; set; } = 1;
    void OnActiveTabIndexChanged(int activeTabIndex) {
        ActiveTabIndex = activeTabIndex;

Run Demo: Form Layout - Tabbed Groups

See Also