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
    [Expand]The Ribbon UI
    [Collapse]Visual Elements
      Ribbon Page
      Ribbon Page Group
      Categories and Contextual Tabs
      Quick Access Toolbar
      Page Header Items
      Application Button
    [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]ASP.NET Core 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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Visual Elements

Visually, the Ribbon interface consists of four main regions:

  • Command Region - Displays various commands combined into Ribbon Groups and Pages.
  • Quick Access Toolbar (QAT) - a region within the Ribbon Control that displays frequently used commands. End-users can add commands to this bar at runtime.
  • Status Bar - Represents a bar displayed at the bottom of a form. Represented by a stand-alone RibbonStatusBar component, which is impossible to use without the parent Ribbon Control component.
  • Ribbon Form - a DevExpress form designed specially to be used along with the Ribbon Control. When using this form type, Ribbon QAT is integrated into the form's title bar. Ribbon Form also supports the semi-transparent Aero interface for machines running Windows Vista/7 operating systems. If you convert your blank regular form to the Ribbon Form using the Form Assistant component, both the Ribbon Control and Ribbon Status Bar components will be added automatically.
The following figure illustrates all these regions used together in one form.

The command region is entirely implemented by the Ribbon Control. All Ribbon UI elements except for standalone Ribbon Status Bar and Ribbon Form components, belong to this control. This component provides the following elements.

Ribbon Pages

Ribbon Pages are Ribbon Page Group containers that are represented as tabs at runtime. End-users click these tab headers to browse commands. There are two types of Ribbon Pages:

  • Regular Pages - always visible to your end-users.
  • Contextual Pages - visible only upon certain events (e.g., when an end-user selects a text block).

Page Groups

A Ribbon Page Group represents a group of bar item links and/or galleries within a Ribbon Page. Page Groups are designed to combine commands have something in common (e.g., modifying the current font or applying different document formats).

Context Categories

Page Categories are the topmost containers that host Ribbon Pages. Again, two types of Page Categories are available - regular categories that host regular pages and context categories for context pages. Custom categories can be highlighted with custom colors.

Quick Access Toolbar

The Ribbon Quick Access Toolbar (QAT) is a customizable element which is designed to provide end-users with one-click access to the most important and used features. QAT is integrated into the form title bar when using the Ribbon Form and is unavailable if the 'Office Universal' Ribbon Style is applied.

Page Header Items

Bar items that are embedded into the tab header area. Any bar item type (a button, editor, static text, gallery item, etc) can be embedded.

Application Button

A button that invokes an application's main menu. The main menu typically contains commands such as New, Open, Print and Exit. However, you can place any command in the main menu if required. By default, clicking on this button does nothing. You need to assign a required control or menu to the RibbonControl.ApplicationButtonDropDownControl property to specify the displayed object. This topic contains the list of all controls that can be assigned to the Ribbon Application Button.

BackstageView Control

The most modern main menu type, seen in Microsoft Office 2010 (and newer) applications. Typically, this control is not used as standalone and is assigned to the Application Button. The Backstage View's appearance and behavior may differ, depending on the currently applied Ribbon Style.

Recent Item Control

RecentItemControl is a separate control designed to simplify building content for the BackstageView control's tab items. This control provides the large variety of UI elements - buttons, tabs, separators, hyperlinks, pin items, etc. Mixing these items allows you to emulate the most complex menus similar to those provided in the latest Microsoft Office applications.

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