[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Collapse]Ribbon, Bars and Menu
    [Collapse]The Ribbon UI
      Ribbon Control
      Ribbon Status Bar
    [Expand]Visual Elements
    [Expand]Items and Item Links
     Ribbon Styles
    [Expand]Main Menus
    [Expand]Ribbon Control Designer
    [Expand]Runtime Capabilities
     Known Issues
   [Expand]Popup Menus
    Radial Menu
   [Expand]Common Features
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Ribbon Control

The Ribbon Control replaces traditional toolbars and menus with tabbed pages. Each Page splits into Groups that contain various command buttons (bar item links).


Regular bars (a BarManager component) and Ribbon Controls may conflict with each other when used in the same form or user control.

Expanded Ribbon UI

To build a Ribbon UI, add RibbonControl and RibbonStatusBar objects to a form. However, the Ribbon Form is the best choice, as this form is optimized to display the Ribbon Control. The following image shows a Ribbon Form painted in the Office2010 style:

Compared to an XtraForm, the Ribbon Form provides the following advantages:

Expanded Ribbon Elements

The Ribbon Control consists of two regions.

  • Command Region - Displays various commands combined into Groups and Pages.
  • Quick Access Toolbar - Displays frequently used commands. End-users can add commands to this bar at runtime.

Main elements:

For details on each individual Ribbon element, see the corresponding topics.

Expanded Ribbon Layout

A Ribbon Control provides a smart layout to maximize space utilization. For instance, if there is not enough space to display a Page Group, the Group collapses and displays its commands in a drop-down list (see the figure below).

End-users can customize a Ribbon Control and its Quick Access Toolbar at runtime. For more information, see the Runtime Customization and Quick Access Toolbar topics.

Expanded Ribbon Appearance

The Ribbon Control supports several paint styles, which can be applied via the RibbonControl.RibbonStyle property. A paint style primarily controls the appearance and behavior of tabs and the Application Button:

Ribbon Style Image

Ribbon Control is always painted using skins. Other paint themes such as Flat, Style3D, WindowsXP are not supported.

Use the Bar and Docking Controllers (Customizing Default View and Behavior Settings) to adjust the appearance (foreground colors and fonts of Ribbon elements) and look-and-feel (e.g., a skin) settings. The Ribbon Control's RibbonControl.Controller property is set to null by default. This means that it uses the DefaultBarAndDockingController's settings. To customize them, use the BarAndDockingController.Default property or the DefaultBarAndDockingController component.

To provide custom appearance settings, drop the BarAndDockingController component onto a form, assign it to the Ribbon Control's RibbonControl.Controller property and customize its settings as required.

To get the current ribbon controller, use the RibbonControl.GetController method.

Expanded See Also

Is this topic helpful?​​​​​​​