Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [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
   [Expand]Bars
   [Collapse]Ribbon
    [Collapse]The Ribbon UI
      Ribbon Control
      Ribbon Status Bar
    [Expand]Visual Elements
    [Expand]Items and Item Links
     Ribbon Styles
    [Expand]Galleries
    [Expand]Main Menus
    [Expand]Ribbon Control Designer
    [Expand]Runtime Capabilities
    [Expand]Miscellaneous
     Known Issues
   [Expand]Popup Menus
    Radial Menu
   [Expand]Common Features
   [Expand]Examples
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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

Note

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
OfficeUniversal
TabletOffice
Office2013
Office2010
Office2007
MacOffice

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

Use the Bar and Docking Controllers 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 DefaultBarAndDockingControllersettings. 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.

How would you rate this topic?​​​​​​​