Skip to main content
All docs
V24.2

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

DxTabs.AllowTabReorder Property

Specifies whether users can reorder tabs.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

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

razor
<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