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


The Ribbon contains UI elements that allow end-users to load and save diagrams, add diagram items to the canvas, format text within items, 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 Actions
Home Clipboard Copy/paste operations.
Font Change the font settings for the selected shape.
Text Realign the text within the selected shape.
Tools 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.
Arrange Move the selected shape in or out in the Z-order.
Insert Container Add a container of the specified style to the canvas.
Picture Invoke the Insert Picture dialog window that allows you to add an image item to the canvas.
View Show Toggle the visibility of the Shapes Panel, Properties Panel, rulers and gridlines.
Zoom Zoom the diagram so that the entire page either fits the window or is as wide as the window.
Design 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.
Themes Apply a theme to the entire diagram.
Options Toggle the snapping behavior and specify how strongly shapes are snapped into alignment.
Layout 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, export or print 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.

Expanded See Also

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