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.
The WPF 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.
The simplified ribbon acts as a new mode for viewing the most commonly used commands in a single line and therefore offers more screen space for a compact view of the document. End users can also quickly navigate to other commonly used commands in the overflow menu. End users can switch to normal mode using the built-in toggle button.
The Office 2016 UI provides a backstage view. Available color schemes are White, Colorful, Dark Gray, and Black.
The Office 2010 UI supports gradient colors and color schemes that include Blue, Black, and Silver.
The Office 2007 UI is a classic interface that contains three color schemes: Blue, Silver, and Black.
The Ribbon control supports a touch UI with plenty of interaction space.
The WPF 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.
A button with three different sizes to display content with images.
Displays menu items for selecting commands.
Performs like a normal button as well as a drop-down button to select a command directly or from a list.
Displays items in a row- or column-based view by category. Items can be represented with any type of content: text, images, etc.
Helps to select items from a drop-down list.
Displays a list of items.
Allows a single selection from multiple options.
Allows one item or multiple items to be selected.
Normal TextBox control in a ribbon UI.
The WPF Ribbon control allows you to add any form of image like path data, font icons, and more as a template to the Ribbon items such as RibbonButton, DropDownButton, SplitButton, Gallery, RibbonBar, and BackstageCommandButton.
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.
The WPF Ribbon control supports any number of contextual tab groups, which can be hidden or shown in certain contexts.
Backstage is a separate view containing tabs and buttons that can show an application’s information and basic settings. The backstage items can be arranged either at the top or bottom of the view.
The application menu is equivalent to a file menu found in a traditional UI.
The ribbon will resize its controls to fit within the space available in the ribbon window.
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.
In multiple document interface (MDI), parent and child forms can have its own ribbon menus and items specific to its requirement. Normally in the ribbon, the parent form holds general commands like “File”, “Home”, “Help”, etc., whereas the child form holds specific and exclusive functionalities like “Insert”, “Review”, “View”, etc. Users can either switch between forms to operate these functionalities or merge both parent and child MDI forms to combine the ribbon menus and items within the parent form, if needed.
The Ribbon control lets users customize the QAT as well as the ribbon window, its appearance, and its tabs.
Place the Quick Access Toolbar either above or below the ribbon.
Users can add frequently accessed commands to the QAT.
Customize the QAT in customize window by adding, removing, or reordering items.
Users can create a new ribbon tab by adding commands.
The WPF Ribbon control 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.
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.
Display the current status of an application or document, similar in Microsoft Office.
The launcher button allows users to execute an action they define.
Display controls under the close button using a ribbon’s tab-panel item.
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.
The Ribbon control supports a traditional look with Office 2007 and Office 2010 styles, and a flat look with Office 2013 and Office 2016 styles.
The WPF Ribbon control supports super tooltips, which are used to customize the default look and feel of all tooltips.
Right-to-left (RTL) orientation allows users to work in right-to-left languages like Hebrew, Arabic, or Persian.
Content in the Ribbon control can be formatted according to culture.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.