Back to Devexpress

Ribbon

wpf-116507-controls-and-libraries-diagram-control-diagram-designer-control-ribbon.md

latest3.8 KB
Original Source

Ribbon

  • Dec 15, 2021
  • 2 minutes to read

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 pageRibbon groupActions
HomeClipboardCopy/paste operations.
FontChange the font settings for the selected shape.
TextRealign the text within the selected shape.
ToolsSelect a tool.
Shape StylesChange 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.
ArrangeMove the selected shape in or out in the Z-order.
InsertContainerAdd a container of the specified style to the canvas.
PictureInvoke the Insert Picture dialog window that allows you to add an image item to the canvas.
ViewShowToggle the visibility of the Shapes Panel, Properties Panel, rulers and gridlines.
ZoomZoom the diagram so that the entire page either fits the window or is as wide as the window.
DesignPage SetupToggle between portrait and landscape page orientation, set the page size, enable the automatic canvas size readjustment on moving elements outside of its borders.
ThemesApply a theme to the entire diagram.
OptionsToggle the snapping behavior and specify how strongly shapes are snapped into alignment.
LayoutRearrange 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.

See Also

How to Modify RibbonControl Items and Properties in DiagramDesignerControl

DefaultBarItemNames