DxRibbon.ApplicationTabClick Event

Fires when a user clicks the application tab.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

razor

<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;
    }
}

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

Implements

ApplicationTabClick