DxRibbon.ShowTabs Property

Specifies whether the Ribbon displays tab captions.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

razor

<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