[Expand]General Information
[Collapse]WinForms Controls
 [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]The Ribbon UI
    [Expand]Visual Elements
    [Expand]Items and Item Links
     Ribbon Styles
    [Expand]Main Menus
    [Expand]Ribbon Control Designer
    [Expand]Runtime Capabilities
      Best Practices
      Converting Bars to Ribbon
     Known Issues
   [Expand]Popup Menus
    Radial Menu
   [Expand]Common Features
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst 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]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Best Practices

When designing toolbars in your application, you have a variety of choices to create items, arrange them within the group, etc. This determines the look and feel and usability of your application. However, there is no toolbar customize strategy that is suitable for all situations. This document gives some practical hints on how to create Ribbon toolbars.


Expanded Don't Use Large Groups

We suggest that you don't have large groups - groups that contain more that 10 item links. In this instance, it's better to arrange links into several logical groups.


Expanded Combine Small and Large Images

The maximum allowed number of item links that can be displayed vertically within a group is 3. So, if the number of links within a group isn't divisible by 3, it's better to display large and small images. For instance, if a group contains 5 item links it's better to display them as shown in the image below.


Ribbon elements can display only 16x16 (small) and 32x32 (large) images. Images with custom size, will be stretched to the appropriate size. For instance, if a 24x24 image is used as a small image, it is reduced to the 16x16 size. Using this image as a large image will stretch it to the 32x32 size.


Expanded Use Button Groups

In some instances it's better to use Button Groups instead of displaying individual bar item links.

When you create button groups, avoid long button groups - groups that contain more than 5 item links. We suggest that you split such groups into smaller groups as it is shown in the image above:

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