Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [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]Bars
   [Collapse]Ribbon
    [Expand]The Ribbon UI
    [Expand]Visual Elements
    [Expand]Items and Item Links
     Ribbon Styles
    [Expand]Galleries
    [Expand]Main Menus
    [Expand]Ribbon Control Designer
    [Expand]Runtime Capabilities
    [Collapse]Miscellaneous
      Best Practices
      Converting Bars to Ribbon
     Known Issues
   [Expand]Popup Menus
    Radial Menu
   [Expand]Common Features
   [Expand]Examples
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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.

Note

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:

How would you rate this topic?​​​​​​​