Show theme settings Shopping cart Download trialFree Trial
Editing
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Features

  • dialogboxlauncherClipboard

    Clipboard
    po
  • v
    v
    popo
    dialogboxlauncherFont

    Font
    po
  • po
    dialogboxlauncherParagraph

    Paragraph
    po
  • dialogboxlauncherEditing

    Editing
    po
  • dialogboxlauncherTables

    Tables
    po
  • dialogboxlauncherIllustrations

    Illustrations
    po
  • dialogboxlauncherCharts

    Charts
    po
  • up
    down
    gpo
    Full Circular
    Half Circular
    Quarter Circular
    Linear Horizontal
    Linear Vertical
    Right Quarter Circular
    Three Forth Circular

    dialogboxlauncherGauges

    Gauges
    po
Options
Did this demo address your needs?
If you’d like us to extend this demo further, please describe your needs below.
Thank you in advance for your cooperation.
SEND FEEDBACK


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.
Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos