Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
   Reporting
  [Expand]Data Grid
  [Collapse]Ribbon, Bars and Menu
   [Expand]Common Features
   [Expand]Bars
   [Collapse]Ribbon
    [Expand]Overview
    [Expand]Ribbon Structure
    [Expand]Populating Ribbon
    [Collapse]Ribbon Menu
      Application Button
      Application Menu
      Backstage View
    [Expand]Features
     Runtime Customization
    [Expand]Examples
   [Expand]Menus
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Diagram Control
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[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

Backstage View

The Backstage View, presented by the BackstageViewControl, is the Microsoft Office 2010-like application menu. The following figure illustrates how the Backstage View looks like.

The figure covers Backstage View's general structure that includes two areas. The left one - the Content Area - holds all backstage items. The right area - Control Pane - displays a currently selected tab item's content.

You can use the following item types within a Backstage View: a regular button, tab item and separator item.

  • A BackstageButtonItem is a regular clickable item, which acts as a simple button. There are two ways of specifying which actions a button item will perform - using the BackstageItemBase.Click event or attaching an ICommand object to a button via the BackstageButtonItem.Command property.
  • A BackstageTabItem acts as a tab item in a tab control: as you click its caption (displayed in the Content Area), its contents are displayed in the Control Pane area. In the figure above, the Control Pane area displays the selected 'Recent' tab item contents - the recently opened documents list.
  • A BackstageSeparatorItem is a line that visually separates two neighboring elements. Use it to create visually detached item groups to improve a menu's visual perception and readability.

To attach a Backstage View to a RibbonControl, assign a BackstageViewControl to the RibbonControl.ApplicationMenu property. Consider the XAML mark-up example below.

A Backstage View attached to the RibbonControl will be shown after a user clicks an Application Button.

The Backstage View supports keyboard navigation via key tips. Refer to this link to learn more.

Check out the Ribbon Simple Pad demo in the Demo Center to see an example of creating a Backstage View.

Is this topic helpful?​​​​​​​