Moving and Shaping Items

Moving Items

There are several ways to move items on the Canvas. Before you can move an item, it must first be highlighted. Moving operations can be carried out on one highlighted item or multiple highlighted items.

Drag and Drop

To drag items around the Canvas, highlight them and use the mouse to drag them.

1) Hold down your left mouse button on one of the highlighted items.

Note: You can also move highlighted items around, using the arrow keys.

Moving Transitions

If you move two Nodes joined by a Transition, then the Transition moves in the same direction that you move the Nodes. In addition you can move the start and end points to different Nodes altogether.

To move a Transition, follow these steps:

1) Highlight the Transition, and it turns red.

2) Select the end of the Transition you wish to move by clicking on the black box (nearest its connection point to a Node) and begin dragging.

3) Once the box you are dragging is over the Node you wish to connect the Transition to, stop dragging. The Transition is then connected to the new Node.

Note: If you wish to cancel the move mid-way through dragging one end of your Transition, stop dragging and the Transition snaps back to its original position.

Arrow Controls

You can also move highlighted items around the canvas using the arrow keys on your keyboard.

Note: You can move items one pixel at a time for better precision. To do this, hold down the Ctrl key. To move your items double the normal distance, hold down the ctrl and shift keys.

Mouse Wheel Controls

You can move highlighted items up and down using the wheel on your mouse (assuming you have one). Simply select one or more items and once they are highlighted, roll your mouse wheel upwards and downwards.

Note: To accelerate movement in this mode, hold down the Ctrl key at the same time. To increase acceleration further, hold down the ctrl and shift keys.

Alignment and Layout

Click on the Grid button to display a grid that makes it easier for you to line up your items horizontally and vertically. When this mode is enabled, the Workflow Designer snaps items into place next to the nearest grid lines vertically and horizontally.

Was this article helpful?