Skip to main content
All docs
V25.1
  • DxTabs.AllowTabReorder Property

    Specifies whether users can reorder tabs.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(false)]
    [Parameter]
    public bool AllowTabReorder { get; set; }

    Property Value

    Type Default Description
    Boolean false

    true to allow users to reorder tabs; otherwise, false.

    Remarks

    Set the AllowTabReorder property to true to allow users to drag and drop tab headers to reorder tabs.

    <DxTabs AllowTabReorder="true">
        @foreach(var employee in Employees) {
            <DxTabPage Text="@employee.Name" AllowClose="true">...</DxTabPage>
        }
    </DxTabs>
    

    Once a user drops a tab to a new position, the component raises the TabReordering event. You can use event properties to obtain old and new tab positions or cancel the action if necessary.

    See Also