[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Collapse]Ribbon, Bars and Menu
   [Expand]Common Features
    [Expand]Ribbon Structure
    [Expand]Populating Ribbon
    [Expand]Ribbon Menu
     Runtime Customization
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[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)

Runtime Customization

The RibbonControl supports runtime customization options much like those found in Office 2010.


The runtime customization feature is enabled by default. To disable it, set the RibbonControl.AllowCustomization property to false.

While an application containing a RibbonControl runs, right-click the free space within the Ribbon Control. Select the Customize Ribbon item from the context menu.


Customization will take no effect if RibbonControl's layout is generated based on the RibbonControl.CategoriesSource, RibbonPageCategoryBase.PagesSource, RibbonPage.GroupsSource or RibbonPageGroup.ItemLinksSource properties.

The Ribbon customization window has the ListBox that contains commands (BarItems) on the left and the ListBox that contains tabs (RibbonPages) on the right. The ComboBox filter at the top of each ListBox allows you to specify which commands and tabs are displayed. For example, applying the 'Main Tabs' filter within the right ListBox will cause the displaying of items within the RibbonDefaultPageCategory only, and the applying of the 'Tool Tabs' filter displays items of the RibbonPageCategory type.

Below is a list of operations available through the Ribbon Customization feature.



Add new pages

  • Right-click the right ListBox's title and select 'Add new group'.


  • Press the 'New Page' button.

Add new groups

  • Right-click the page title within the right ListBox and select 'Add new page'.


  • Select the desired page within the right ListBox, press the 'New Page' button.

Hide pages and page groups

  • Right-click the desired element you wish to hide and select 'Remove'


  • Select an element and press the '<< Remove' button.

Rename pages and page groups

  • Right-click the desired element (page or page group) within the right ListBox and select the 'Rename' option.


  • Select the desired element and click the 'Rename' button.

Add commands to custom page groups

  • Select a group within the right ListBox, a command to add within the left one and click the 'Add >>' button.

Note: by default, adding commands to the original page groups is not allowed. Set the RibbonControl.AllowCustomizingDefaultGroups to true to change this behavior.

Re-arrange pages and page groups

  • Right-click the element (page or page group) in the right ListBox and select 'Move up' or 'Move down'.


  • Select the desired element and press the 'Up' or 'Down' button.

Import/Export your custom layout

  • Select the desired option via the lower ComboBox within the 'Customizations' section.

Note: if 'Export all customizations' option is selected, your custom layout will be applied automatically as if you clicked the 'Apply Changes' button.

Restore the original layout

  • Select the desired option via the upper ComboBox within the 'Customizations' section.

The following animation is a short example of customizing a RibbonControl.

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