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

RibbonPage Class

Represents a Ribbon Page within a RibbonControl.

Namespace: DevExpress.XtraBars.Ribbon

Assembly: DevExpress.XtraBars.v19.1.dll


[SmartTagSupport(typeof(RibbonPageDesignTimeBoundsProvider), SmartTagSupportAttribute.SmartTagCreationMode.Auto)]
[SmartTagAction(typeof(RibbonPageDesignTimeActionsProvider), "AddPageGroup", "Add PageGroup", SmartTagActionType.CloseAfterExecute)]
[SmartTagAction(typeof(RibbonPageDesignTimeActionsProvider), "AddPage", "Add Page", SmartTagActionType.CloseAfterExecute)]
[SmartTagAction(typeof(RibbonPageDesignTimeActionsProvider), "AddPageCategory", "Add PageCategory", SmartTagActionType.CloseAfterExecute)]
public class RibbonPage :
<SmartTagSupport(GetType(RibbonPageDesignTimeBoundsProvider), SmartTagSupportAttribute.SmartTagCreationMode.Auto)>
<SmartTagAction(GetType(RibbonPageDesignTimeActionsProvider), "AddPageGroup", "Add PageGroup", SmartTagActionType.CloseAfterExecute)>
<SmartTagAction(GetType(RibbonPageDesignTimeActionsProvider), "AddPage", "Add Page", SmartTagActionType.CloseAfterExecute)>
<SmartTagAction(GetType(RibbonPageDesignTimeActionsProvider), "AddPageCategory", "Add PageCategory", SmartTagActionType.CloseAfterExecute)>
Public Class RibbonPage
    Inherits BaseRibbonComponent
    Implements ISupportRibbonKeyTip,


This class represents a Ribbon Page within a RibbonControl. RibbonPage objects are components. So, if pages are created at design time, they can be accessed in code by their names.


Ribbon pages can belong to either the default page category or to a custom page category. Pages that belong to the default page category are regular pages, and they should be designed to contain commands that are always visible during the application run. Pages that belong to custom page categories are intended to display context-dependant commands. Please refer to the Ribbon Page topic to learn more.

To access a RibbonControl's regular pages, use the RibbonControl.Pages collection. To access pages that belong to a custom category, use the RibbonPageCategory.Pages collection. The active page is specified by the RibbonControl.SelectedPage property.

Use the RibbonPage.Groups property to add groups to the page.


This example demonstrates how to create a RibbonControl with one page ("Home") and two page groups ("File" and "File 2").


Ribbon commands are called bar items, as they are all derived from the BarItem class. This example creates three bar items - the Open, Close and Print buttons, encapsulated by the BarButtonItem objects. The Close and Print buttons are only added to the first group, while the Open button is added to both of the groups.

When bar items are created in code, ensure the following:

  1. All bar items are added to the RibbonControl.Items collection.

    This example demonstrates three ways of creating bar items while adding them to the RibbonControl.Items collection.

  2. All bar items have their BarItem.Id properties initialized to unique values. This ensures correct functioning of the bar item (de)serialization mechanism.

    The BarItem.Id properties can be initialized with the BarManager.GetNewItemId method accessible from the RibbonControl.Manager object. See the code below.

using DevExpress.XtraBars.Ribbon;
using DevExpress.XtraBars;

// Create a RibbonControl
RibbonControl ribbon = new RibbonControl();
// Assign the image collection that will provide images for bar items.
ribbon.Images = imageCollection1;

// Create a Ribbon page.
RibbonPage page1 = new RibbonPage("Home");
// Create a Ribbon page group.
RibbonPageGroup group1 = new RibbonPageGroup("File");
// Create another Ribbon page group.
RibbonPageGroup group2 = new RibbonPageGroup("File 2");

// Create a button item using the CreateButton method.
// The created item is automatically added to the item collection of the RibbonControl.
BarButtonItem itemOpen = ribbon.Items.CreateButton("Open...");
itemOpen.ImageIndex = 0;
itemOpen.Id = ribbon.Manager.GetNewItemId(); //Ensures correct runtime layout (de)serialization.
itemOpen.ItemClick += new ItemClickEventHandler(itemOpen_ItemClick);

// Create a button item using its constructor.
// The constructor automatically adds the created item to the RibbonControl's item collection.
BarButtonItem itemClose = new BarButtonItem(ribbon.Manager, "Close");
itemClose.ImageIndex = 1;
itemClose.Id = ribbon.Manager.GetNewItemId(); //Ensures correct runtime layout (de)serialization.
itemClose.ItemClick += new ItemClickEventHandler(itemClose_ItemClick);

// Create a button item using the default constructor.
BarButtonItem itemPrint = new BarButtonItem();
// Manually add the created item to the item collection of the RibbonControl.
itemPrint.Caption = "Print";
itemPrint.ImageIndex = 2;
itemPrint.Id = ribbon.Manager.GetNewItemId(); //Ensures correct runtime layout (de)serialization.
itemPrint.ItemClick += new ItemClickEventHandler(itemPrint_ItemClick);

// Add the created items to the group using the AddRange method. 
// This method will create bar item links for the items and then add the links to the group.
group1.ItemLinks.AddRange(new BarItem[] { itemOpen, itemClose, itemPrint });
// Add the Open bar item to the second group.
// Add the created groups to the page.
// Add the page to the RibbonControl.

void itemPrint_ItemClick(object sender, ItemClickEventArgs e) {

void itemClose_ItemClick(object sender, ItemClickEventArgs e) {

void itemOpen_ItemClick(object sender, ItemClickEventArgs e) {


See Also