Rearranging Diagrams

In this section you will learn how to rearrange your existing diagrams.
You can work on your diagram to adapt the organization using the following elements:

1. Full Screen View
2. Layout
3. Moving elements
4. Routers and Anchors
5. Alignment
   

1. Full Screen View

It is possible to work on a full screen diagram editor by double-clicking the diagram file tab.
The following example was created by double clicking on the demo.ucd-demo deployment diagram, then selecting the zoom icon on the toolbar and finally left clicking inside the deployment diagram editor.

2. Layout

eUML2 allows you to use layout functionalities. We recommend using Layout for a class diagram reverse and then manually reorganizing your diagram.
The layout will reorganize your diagram using mathematical algorithm.
To use the layout function, open the diagram editor's popup menu and select layout.

3. Moving elements

Advanced multiple selections are proposed, as well as group/ungroup and key shortcuts for more precise functions.

Selection of an element:

eUML2 allows you to move every element of the diagram using the mouse or the keyboard.

Moving is possible with:

1. Mouse: Left click and keep your finger on the button
2. Keyboard: Ctrl+Alt+arrows

The following example shows how to move the Project class using the mouse:

When the mouse button is released, the Project class has moved.

Selection of a group of elements: 

Moving is possible with:

1. Mouse: Shift+left click on each element then move using the mouse.
2. Keyboard: shift+arrows then move using the arrows (if you press Ctlr+arrows, the element will not be selected so use shift+arrows to select the element).
3. Click on selection in the tool bar and crop elements.  

Selection of a group of elements and the use of the group function.
   
eUML2 allows you to select a group of elements and move the selected elements.

In the following example we have selected Address and Company classes and opened the pop up menu>group

The square is gray, because it is moving and the button of the mouse is still pressed. It represents the group composed by the two elements (Address and Company classes).

The group classes will always move together.
Ungroup will deselect the links between elements.

4. Routers and anchors

You can customize every link inside your diagram editor. Right Click on a link between two elements >open the pop up menu>Properties

You can select the router algorithm and Anchor for each link

Router:

Manual allows to move the extremity of each link.

Manhattan uses automatic functions to design the link.

Anchor:

Unselecting Automatic anchor allows to fix the extremity anywhere. Move the anchor inside the element which will become blue when the anchor is properly fixed.

Automatic anchor uses algorithm to fix the anchor automatically (the anchor cannot be moved)

5. Alignment

eUML2 allows you to select a group of elements and to arranges the alignment.

1. Align Top
2. Align Bottom
3. Align Left
4. Align Right
5. Align Center
6. Align Middle

The following example shows where you can select the alignment function:
Select the alignment function from:

1. The workbench window's toolbar
2. The diagram editor's popup menu