Skip to main content
All docs
V25.2
  • DxRibbon.ApplicationTabClick Event

    Fires when a user clicks the application tab.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.2.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(null)]
    [Parameter]
    public EventCallback<RibbonApplicationTabClickEventArgs> ApplicationTabClick { get; set; }

    Event Data

    The ApplicationTabClick event's data class is RibbonApplicationTabClickEventArgs. The following properties provide information specific to this event:

    Property Description
    Element Returns information about a clicked Ribbon element. Inherited from RibbonElementClickEventArgs.
    MouseEventArgs The Blazor’s built-in MouseEventArgs event arguments. Inherited from RibbonElementClickEventArgs.
    Tab Returns information about the clicked application tab.

    Remarks

    Handle the ApplicationTabClick event to perform custom actions when a user clicks the application tab. The following code sample opens a side panel on click.

    <DxDrawer @bind-IsOpen="IsFileMenuOpen" PanelWidth="100px">
        <BodyTemplate>
            <DxMenu Orientation="Orientation.Vertical">
                <Items>
                    <DxMenuItem Text="🢀" Click="@(() => IsFileMenuOpen = false)" />
                    <DxMenuItem Text="New" />
                    <DxMenuItem Text="Open" />
                    <DxMenuItem Text="Save as" />
                    <DxMenuItem Text="Contacts" />
                    <DxMenuItem Text="About" />
                </Items>
            </DxMenu>
        </BodyTemplate>
        <TargetContent>
            <DxRibbon ApplicationTabClick="@OnApplicationTabClick">
                <DxRibbonApplicationTab Text="File" />
                <DxRibbonTab Text="Home"><!-- ... --></DxRibbonTab>
                <DxRibbonTab Text="Insert"><!-- ... --></DxRibbonTab>
            </DxRibbon>
        </TargetContent>
    </DxDrawer>
    
    @code {
        bool IsFileMenuOpen { get; set; } = false;
    
        void OnApplicationTabClick(DevExpress.Blazor.RibbonApplicationTabClickEventArgs args) {
            IsFileMenuOpen = true;
        }
    }
    

    Application tab

    If you prefer to attach a listener directly to the application tab, use the Click event.

    Implements

    See Also