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
    [Expand]Visual Elements
    [Expand]Items and Item Links
     Ribbon Styles
    [Expand]Galleries
    [Collapse]Main Menus
      Application Menu
      BackstageView Control
      Recent Item Control
    [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

BackstageView Control

BackstageViewControl emulates the main application menu in Ribbon-based Office 2010 (and newer) applications. Also, the BackstageView Control can be used separately from RibbonControl to implement a multi-level navigation control.

Expanded Create a BackstageView Control-Based Ribbon Menu

To create a BackstageView Control associated with a Ribbon, invoke the Ribbon smart tag and click "Add Backstage View".

Alternatively, locate the "BackstageViewControl" item in your VS Toolbox (the "Navigation & Layout" tab) and drop it onto your form. Then, assign it to the Ribbon's RibbonControl.ApplicationButtonDropDownControl property.

Expanded Backstage Regions and Items

BackstageViewControl supports three child item types: buttons, tabs, and separators.

To populate a backstage with items at design time, utilize the backstage smart-tag.

In code, you can do the same by modifying the BackstageViewControl.Items collection.

Buttons, tabs and separators reside in the right (main) region of your backstage. The left (content) region remains empty until an end-user selects a tab item. When this happens, the selected tab expands its content to the content region.

To get or set which Ribbon tab is currently selected, utilize the BackstageViewControl.SelectedTab property.

To populate a tab item, you can use one of the following patterns.

  • Create UserControls for each tab item and manually populate them with buttons, editors, labels, etc. Then you can drag-and-drop a UserControl into a BackstageViewClientControl container, which is automatically created for every tab item. The sample below illustrates how to do the same in code.
  • Utilize the Recent Item Control - a stand-alone control that provides a set of child elements (tabs, buttons, pin buttons, labels, etc.). A Recent Item Control divides the content region of your BackstageView Control in two panes, which allows you to create a complex 3-tier backstage layout.

  • Place separate BackstageView Controls inside tab items of other BackstageView Controls. This approach is used to create multi-level navigation menus.

Expanded Backstage Styles

The BackstageView Control supports two styles - Office 2010 and Office 2013. By default, a BackstageView changes its style automatically when the parent Ribbon control's style changes. You can also explicitly apply a desired style by utilizing the BackstageViewControl.Style property.

Office 2010 Office 2013
Image
Related Ribbon styles
(the RibbonControl.RibbonStyle property values)
RibbonControlStyle.Office2010
RibbonControlStyle.MacOffice
RibbonControlStyle.Office2013
RibbonControlStyle.TabletOffice
RibbonControlStyle.OfficeUniversal
Size and position Leaves the Quick Access Toolbar and page headers visible. Covers the entire parent form.
Back button No Yes
Additional Features

Expanded Multi-level Backstage Menus

It is possible to assign a separate BackstageViewControl to each tab item of another BackstageView Control. Selecting a tab inside the top-level backstage menu will bring another set of buttons and tabs, owned by tier two backstage. This backstage, in turn, can show other child backstage controls for its tab items, etc. Such a cascade of backstage menus can be used separately from the ribbon, for instance, as a side navigation control.

A parent BackstageView Control can share its appearance settings with child BackstageView Controls.

Refer to the How to: Create a multi-level BackstageView Control article to learn how to combine multiple backstage view controls.

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