[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]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
  [Collapse]Diagram Control
    Getting Started
   [Collapse]Diagram Designer Control
     Shapes Panel
     Properties Panel
     Bottom Panel
     Page Setup Dialog Window
     Print Preview
    Diagram Control
   [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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation


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




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, 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?​​​​​​​