The DevExpress ASP.NET MVC Ribbon extension provides two types of gallery items: gallery bar and drop-down gallery. These gallery items are designed to present the visual results-oriented choices from which users can select.
The gallery bar (RibbonGalleryBarItem) is a ribbon item that implements the gallery bar functionality. End users can scroll items in the gallery bar or invoke the drop-down window.
The number of item columns displayed in a gallery bar is changed based on the control width. Try to resize the ribbon to see this feature in action. However, you can limit the number of columns by specifying the MinColumnCount and MaxColumnCount properties.
The properties of the gallery bar's drop-down window can be customized using the PropertiesDropDownGallery property.
The drop-down gallery (RibbonGalleryDropDownItem) is a ribbon item that combines the drop-down button and gallery functionalities.
The properties of the item's drop-down window can be customized using the PropertiesDropDownGallery property. It allows you to specify the number of rows (RowCount) and columns (ColumnCount) displayed in the window.
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).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos