Skip to main content


  • 2 minutes to read

The ASPxRibbon control is a tabbed toolbar that allows you to place command items on different tabs.

DevExpress ASP.NET Ribbon Overview

<dx:ASPxRibbon ID="ASPxRibbon1" ...>
        <dx:RibbonTab Name="Home" Text="Home">
                <dx:RibbonGroup Name="Clipboard" Text="Clipboard">
                        <dx:RibbonButtonItem Name="Cut" Text="Cut" />
                        <dx:RibbonButtonItem Name="Copy" Text="Copy" />
        <!-- Ribbon structure -->

Common Concept

Ribbon Elements

The ASPxRibbon control stores tabs in the Tabs collection. Each tab is a (RibbonTab) instance that contains groups (RibbonGroup) with items (RibbonItemBase) in the RibbonTab.Groups and RibbonGroup.Items collections.

Client-Side API

The ASPxRibbon‘s client-side API is implemented with JavaScript and exposed by the ASPxClientRibbon object.


Available by default.

Client object type


Access name




<dx:ASPxRibbon ID="ASPxRibbon1" runat="server" ClientInstanceName="ribbon">
function buttonClick(){
    // Makes a tab with the specified index active.


  • Data-Bound Mode

    The ribbon supports data-bound mode. You can obtain information about tabs, groups, and items from a data source.

    More details | See demo

  • Supported Item Types

    The ribbon allows you to use different editors (button, text box, combo box, and so on) and galleries (gallery bar and drop-down gallery) as items.

    More details | See demo

  • Context Tabs

    Context tabs combine different items into categories. These tabs appear on the ribbon when users select objects.

    More details | See demo

  • Template

    You can provide a custom structure and content for the ribbon’s file tabs and items.

    More details | See demo

  • One-Line Mode

    The ribbon can display all items within an active tab in one line to make the ribbon more compact.

    Ribbon - One-Line Mode

    More details | See demo