[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
  [Expand]Ribbon, Bars and Menu
  [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
    Getting Started
   [Collapse]Diagram Control
     Diagram Designer
     Shapes Panel
     Properties Panel
     Bottom Panel
     Page Setup Dialog Window
     Print Preview
     Creating Runtime Diagram Designer
     Pan and Zoom Panel
   [Expand]End-User Interaction
   [Expand]Diagram Items
   [Expand]Automatic Layout
   [Expand]Data Binding Functionality
    Themes and Styles
    Printing and Exporting
    Saving and Loading Diagrams
  [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)


The Ribbon contains UI elements that allow end-users to load and save diagrams, format text within shapes, rearrange and recolor shapes, change the canvas size and orientation and perform copy/paste operations.

The table below lists actions end-users can perform using the Ribbon.

Ribbon page

Ribbon group




Copy/paste operations.


Change the font settings for the selected shape.


Realign the text within the selected shape.


Select a tool.

Shape Styles

Change the background and border colors for the currently selected shape using a palette of predefined patterns or by selecting the colors individually using color pickers.


Move the selected shape in or out in the Z-order.



Add a container of the specified style to the canvas.


Invoke the Insert Picture dialog window that allows you to add an image item to the canvas.



Toggle the visibility of the Shapes Panel, Properties Panel, rulers and gridlines.


Zoom the diagram so that the entire page either fits the window or is as wide as the window.


Page Setup

Toggle between portrait and landscape page orientation, set the page size, enable the automatic canvas size readjustment on moving elements outside of its borders.


Apply a theme to the entire diagram.


Toggle the snapping behavior and specify how strongly shapes are snapped into alignment.


Rearrange all shapes in a single click, change the type of the selected connectors and re-layout parts of the diagram.

The Application Menu button invokes a menu that allows end-users to create a new diagram, save the current diagram or load a previously saved one from a file.

Undo/Redo operations can be performed using the Undo/Redo buttons.

The Page Setup dialog window can be invoked by clicking a button at the bottom right corner of the Page Setup and Layout ribbon groups. It provides access to the line jumps options and allows end-users to change the page size, orientation and margins.

When a container or image item is selected, the Ribbon displays the corresponding categories that allow end-users to customize the selected items.

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