End-User Interaction
- 3 minutes to read
This document describes end-user operations available in the Diagram Control and Diagram Designer.
Basic Actions
These operations available both in the Diagram Control and Diagram Designer.
Selecting items on the canvas
Select the Pointer tool in the Tools group of the Ribbon and click an item to select it or drag to draw a marquee over the items you want to select.
Copying
To copy the selected items, drag them while holding down the CTRL key or press the CTRL+C key combination to copy the selection to clipboard and then press the CTRL+V key combination to paste the clipboard content to the canvas.
Resizing an item
Select the item and drag a selection handle.
Moving an item
Select the item and use the arrow keys on your keyboard or drag with the mouse.
Rotating an item
Select the item and drag the rotation handle with the mouse.
Transforming a shape
Certain shapes display yellow handles when selected. Drag the handle to transform the shape.
Initiating text editing
Double-click an item or right-click it and select the Edit text menu item. To accept changes, press the ESC key or click anywhere on the canvas.
Performing undo/redo operations
Press the CTRL+Z / CTRL+Y key combination.
Changing the current zoom
Hold the CTRL button and rotate the mouse wheel.
Diagram Designer Actions
These operations are only available in the Diagram Designer.
Adding a shape to the canvas
Drag the shape from the Shapes Panel or select a drawing tool (Rectangle, Ellipse, Right Triangle, Hexagon) in the Tools group of the Ribbon and drag on the canvas to draw the corresponding shape.
Adding a container to the canvas
Select the Container ribbon item on the Insert ribbon page.
Resizing an item
Select the item and change the Size property in the Properties Panel.
Moving an item
Select the item and change the Position property in the Properties panel.
Rotating an item
Select the item and change the Angle property in the Properties panel.
Changing the text within an item
Select the item and change the Text property within the Properties panel.
Formatting the text within an item
Select the item and use the Ribbon’s Font and Paragraph groups to change the font family, color and size, make text bold, italic, underline or strikethrough and apply horizontal and vertical alignment.
Adding a connector
Select the Connector tool in the Tools group of the Ribbon and drag on the canvas. For a detailed description of connecting shapes, see Connectors.
Performing undo/redo operations
Click the corresponding button 
at the top of the Ribbon.
Changing the current zoom
Use the zoom trackbar in the Bottom Panel.
Applying a theme to the diagram
Select the desired theme it in the Ribbon’s Themes group on the Design page.
Changing the color of an item
Select the item and pick the desired color using the Background and Stroke color pickers in the Ribbon’s Shape Styles group on the Home page or choose a predefined style. You can also change the BackgroundColor, ForegroundColor and Stroke properties in the Properties panel.