Navigation and Layout - Ribbon Features

This demo describes the features provided by the DevExpress Ribbon extension for ASP.NET MVC. Use the checkboxes in the upper panel to change individual property values and see the result in the ribbon. The descriptions of the properties utilized are listed below.

  • Allow Minimize – specifies whether or not a ribbon can be minimized. When this functionality is disabled, the minimize button is not displayed.
  • Show File Tab – specifies the file tab visibility.
  • Show Tabs – specifies the tab header visibility.
  • Show Group Labels – specifies the group label visibility.

The ribbon is placed in the PopupControl window to demonstrate the ribbon’s responsive layout. Use the PopupControl's size grip to see this functionality in action.

In this demo, the following client-side events are handled. (See the partial view code.)

  • The FileTabClicked event is handled to flag that the file tab is clicked.
  • The CommandExecuted event occurs after an end-user executes an action on a ribbon item (e.g., the end-user clicks a button or changes an editor value). The event is handled to display information about the item related to the event. The optional parameter event argument property provides additional information about the command being processed.
  • The DialogBoxLauncherClicked event fires after a dialog box launcher, which is an arrow icon located in the bottom right corner of a group, has been clicked. The event argument group property identifies a group whose dialog box launcher is clicked.
Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.