ContextQMD
Back to Devexpress

Ribbon Styles

windowsforms-14624-controls-and-libraries-ribbon-bars-and-menu-ribbon-ribbon-styles.md

latest5.2 KB
Original Source

Ribbon Styles

  • Sep 17, 2025
  • 3 minutes to read

The Ribbon control supports a set of styles designed to complement application skins. This help topic lists available styles and describes their unique appearance and behavior specifics.

To apply a style to a Ribbon control, use the RibbonControl.RibbonStyle property:

csharp
using DevExpress.XtraBars.Ribbon;

ribbonControl1.RibbonStyle = RibbonControlStyle.Office2019;
vb
Imports DevExpress.XtraBars.Ribbon

ribbonControl1.RibbonStyle = RibbonControlStyle.Office2019

Use each style with a corresponding skin for consistent visual output.

Run Demo

Office 365

The Ribbon control displays a search box in the Ribbon form header and features Show Ribbon options in the bottom right corner of the Ribbon UI.

We recommend you use this style with the WXI or WXICompact skin.

Office 2019

This style features a flat appearance, tab animations, and the capability to collapse into a single-row “Simplified” state.

We recommend you use this style with Office 2019 skins.

Office Universal

This style hides the Quick Access Toolbar and displays the Application Button as the File page header. When users navigate to child sub-menu nodes, parent nodes are hidden (the PopupShowMode property equals Inplace).

We recommend you use this style with Office skins.

Tablet Office

When users navigate to child sub-menu nodes, parent nodes are hidden (the PopupShowMode property equals Inplace).

We recommend you use this style with Office 2013 skins.

Office 2013

This style includes the following features:

  • The Application Button in the top left Ribbon corner opens a BackstageViewControl that occupies the entire window and displays the Back navigation button.
  • Full Screen mode automatically hides the Ribbon Control when the user clicks outside it. The user can select Auto-hide Ribbon in the form header’s Ribbon Display Options dropdown to activate Full Screen mode.

We recommend you use this style with Office 2013 skins.

Office 2010

This style uses a BackstageViewControl instead of an ApplicationMenu. A BackstageViewControl is assigned to the Application Button.

We recommend you use this style with Office 2010 skins.

MacOffice

A Ribbon style inspired by the UI found in Microsoft Office for Mac.

This style includes the following features:

  • Items are arranged in two rows with group captions displayed at the top.

  • Page groups are never collapsed when Ribbon width is reduced. Instead, a scroll button appears.

  • Gallery items are horizontally arranged in one row and can be scrolled horizontally.

We recommend you use this style with Office 2010 skins.

Office 2007 Ribbon Control

This style emulates the Ribbon used in Microsoft Office 2007.

For the style to function correctly, assign an ApplicationMenu object to the Ribbon Control’s Application Button.

We recommend you use this style with Office 2007 skins.