Tab
A newer version of this page is available. Switch to the current version.

ASPxRibbon Class

A ribbon control.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v19.2.dll

Declaration

public class ASPxRibbon :
    ASPxHierarchicalDataWebControl,
    IParentSkinOwner,
    ISkinOwner,
    IPropertiesOwner,
    IControlDesigner,
    IRequiresLoadPostDataControl
Public Class ASPxRibbon
    Inherits ASPxHierarchicalDataWebControl
    Implements IParentSkinOwner,
               ISkinOwner,
               IPropertiesOwner,
               IControlDesigner,
               IRequiresLoadPostDataControl

Remarks

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

ASPxRibbpn Class

Create a Ribbon

Design Time

The ASPxRibbon control is available on the DX.19.2: Navigation & Layout toolbox tab in the Microsoft Visual Studio IDE.

ASPxRibbon Toolbox

Drag the control onto a form and customize control settings, or paste the control markup in the page's source code.

<dx:ASPxRibbon ID="ASPxRibbon1" runat="server">
    <Tabs>
        <dx:RibbonTab Name="Home" Text="Home" />
        <dx:RibbonTab Name="Insert" Text="Insert" />
    </Tabs>
</dx:ASPxRibbon>

Run Time

using DevExpress.Web;
...
protected void Page_Load(object sender, EventArgs e) {
    ASPxRibbon ribbon = new ASPxRibbon();
    ribbon.ID = "ASPxRibbon1";

    RibbonTab tab1 = new RibbonTab("Home");
    RibbonTab tab2 = new RibbonTab("Insert");
    ribbon.Tabs.Add(tab1);
    ribbon.Tabs.Add(tab2);

    // Adds the created control to the page
     Page.Form.Controls.Add(ribbon1);
}

Client-Side API

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

Availability

Available by default.

Class name

ASPxClientRibbon

Access name

ClientInstanceName

Events

ASPxRibbon.ClientSideEvents

<dx:ASPxRibbon ID="ASPxRibbon1" runat="server" ClientInstanceName="ribbon">
    //...
</dx:ASPxRibbon>