We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Overview

The WPF Ribbon control (ribbon menu) accommodates all the tools required for an application in a single, easy-to-navigate user interface similar to Microsoft Office. Its dynamic resizing, keyboard accessibility, and complete customization options help organize an application.


Create an Application with an Office-like Ribbon

The Ribbon control provides an application UI similar to Microsoft Office with a 2007 style that contains an application menu and a 2016 style that contains a backstage view.

wpf ribbon control in office 2016 ui

Office 2016 UI

The Office 2016 UI provides a backstage view. Available color schemes are White, Colorful, Dark Gray, and Black.

wpf ribbon control in touch ui

Ribbon Touch UI

The Ribbon control supports a touch UI with plenty of interaction space.

wpf ribbon control in office 2010 ui

Office 2010 UI

The Office 2010 UI supports gradient colors and color schemes that include Blue, Black, and Silver.

wpf ribbon control in office 2007 ui

Office 2007 UI

The Office 2007 UI is a classic interface that contains three color schemes: Blue, Silver, and Black.


A Wide Variety of Ribbon Items

The Ribbon control for WPF comes with a variety of ribbon items. Button items—like the ribbon button, drop-down button, and split button—can be included in any of the three different types of states. The Ribbon control can also include the following controls, making it comprehensive yet flexible: CheckBox, ComboBox, RadioButton, Ribbon Gallery, TextBox, and ListBox. All these controls can be separated using the ribbon separator.

Ribbon Button

Ribbon Button

A button with three different sizes to display content with images.

Drop-down Button

Displays menu items for selecting commands.

Split Button

Split Button

Performs like a normal button as well as a drop-down button to select a command directly or from a list.

Ribbon Gallery

Displays items in a row- or column-based view by category. Items can be represented with any type of content: text, images, etc.

Ribbon ComboBox

Ribbon ComboBox

Helps to select items from a drop-down list.

Ribbon ListBox

Ribbon ListBox

Displays a list of items.

Ribbon Radio Button

Ribbon Radio Button

Allows a single selection from multiple options.

Ribbon CheckBox

Ribbon CheckBox

Allows one item or multiple items to be selected.

Ribbon TextBox

Ribbon TextBox

Normal TextBox control in a ribbon UI.


Access Items with the Quick Access Toolbar

The Quick Access Toolbar (QAT) is used to render a set of ribbon items that are commonly used in applications. It renders at the top-left corner of a window to make it more accessible. Users can choose to place it above or below the ribbon, remove certain commands from it, or add commands to it.

wpf ribbon quick access toolbar


Tabs with Contextual Groups

The Ribbon control supports any number of contextual tab groups, which can be hidden or shown in certain contexts.

wpf ribbon tab groups


Office 2010, 2016 Backstage View

The backstage is a separate view that contains tabs and buttons that can show an application’s information and basic settings.

wpf ribbon backstage view


Office 2007 Application Menu

The application menu is equivalent to a file menu found in a traditional UI.

wpf ribbon shows office2007 application menu


Ribbon Resizing

The ribbon will resize its controls to fit within the space available in the ribbon window.

wpf ribbon control shows office2007 application menu


Ribbon Modal Tabs

Modal tabs in the Ribbon control are used to temporarily display a collection of commands other than those found in the core tabs. When shown, all other core tabs will be invisible. In Microsoft Office, modal tabs are used to display print-preview commands when printing a document.

wpf ribbon control meging mdi panel


User Customization

The Ribbon control lets users customize the QAT as well as the ribbon window, its appearance, and its tabs.

wpf ribbon quick access toolbar items are added

QAT Positioning

Place the Quick Access Toolbar either above or below the ribbon.

wpf ribbon quick access toolbar items are added

Add Items to the QAT

Users can add frequently accessed commands to the QAT.

wpf ribbon quick access toolbar items are customized

Custom QAT

Customize the QAT in customize window by adding, removing, or reordering items.

wpf ribbon tab customization

Custom Ribbon Tab

Users can create a new ribbon tab by adding commands.


State Persistence for User Convenience

The Ribbon control for WPF allows users to customize a control’s state, such as the Quick Access Toolbar, the minimize-maximize state of the ribbon, the ribbon tab, etc. This requires the customized state to persist across application instances and when the app closes. Upon restarting, the app will again apply the state.


More Office Ribbon UI Controls

wpf ribbon shows mini toolbar option

Mini-toolbar

The mini-toolbar is a lightweight, floating toolbar that can be dynamically displayed and hidden in certain contexts. A good example is text editing. When users select text in the editor, you can display a mini-toolbar next to the text to quickly let users bold, italicize, or underline it.

wpf ribbon shows mini toolbar option

Ribbon Status Bar

Display the current status of an application or document, similar in Microsoft Office.

wpf ribbon shows mini toolbar option

Launcher Button

The launcher button allows users to execute an action they define.

wpf ribbon shows mini toolbar option

Tab-Panel Item

Display controls under the close button using a ribbon’s tab-panel item.


Complete Keyboard Accessibility

The Ribbon control supports key tips for ribbon items, letting users quickly access a command in a few keystrokes. When a user presses the Alt key, key tips for commands in the current tab are displayed. Pressing a key indicated in the key tip invokes the corresponding command.

wpf ribbon keyboard accessibility



Tooltips

The Ribbon control supports super tooltips, which are used to customize the default look and feel of all tooltips.

wpf ribbon shows tooltip


Right-to-Left Languages

Right-to-left (RTL) orientation allows users to work in right-to-left languages like Hebrew, Arabic, or Persian.

wpf ribbon shows right to left direction rendering


Localization

Content in the Ribbon control can be formatted according to culture.

wpf ribbon shows content based on culture


90+ WPF CONTROLS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon