DxRibbon.ShowTabs Property

Specifies whether the Ribbon displays tab captions.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(true)]
[Parameter]
public bool ShowTabs { get; set; }

Property Value

Type	Default	Description
Boolean	true	true to display tab captions; otherwise, false.

Remarks

To hide the Ribbon’s tab captions, set the ShowTabs property to false. While the tab captions are hidden, all groups and controls within those tabs remain visible and interactive.

For programmatic tab selection, use the ActiveTabIndex property.

<DxRibbon @ref="myRibbon"
          ShowTabs="false">
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="Style">
            <DxRibbonItem Text="Bold" IconCssClass="dx-icon-bold" />
            <DxRibbonItem Text="Italic" IconCssClass="dx-icon-italic" />
            <DxRibbonItem Text="Underline" IconCssClass="dx-icon-underline" />
        </DxRibbonGroup>
    </DxRibbonTab>
    <DxRibbonTab Text="Insert">
        <DxRibbonGroup Text="Object">
            <DxRibbonItem Text="Image" IconCssClass="dx-icon-image" />
            <DxRibbonItem Text="Chart" IconCssClass="dx-icon-chart" />
            <DxRibbonItem Text="File" IconCssClass="dx-icon-file" />
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

<DxButton Click="SwitchTab">Insert</DxButton>

@code {
    private DxRibbon myRibbon;

    private void SwitchTab()
    {
        myRibbon.ActiveTabIndex = 1;
    }
}

Implements

ShowTabs