This section explains the basic modeling functions of the Editor. If you are already familiar with this and like to learn about modeling in a specific notation or setting, you can refer to the following chapters:
- Getting started as a BPMN modeler
- Creating and editing DMN diagrams
- Using the dictionary
- Creating and editing ArchiMate diagrams
Creating a new diagram¶
To create a new diagram, proceed as follows:
Open the Explorer.
Click New in the Explorer’s top drop-down menu.
Click the diagram type you would like to create a new diagram of.
The Editor opens in a new tab, showing the blank canvas of a new diagram. You can now start to add modeling elements.
To open a diagram, proceed as follows:
Open the Explorer.
To open a diagram, double-click the diagram you want to edit. Alternatively, you can select the diagram and click Edit diagram under Edit in the top drop-down menu.
The Editor opens in a new browser tab or window.
Once the Editor is loaded, you can edit the diagram.
Open the diagram in the Editor.
Click the Save button in the toolbar or use the key combination Ctrl+S to open the Save dialog.
The Save dialog opens, in which you can specify more details to the diagram.
Enter a title (or change the current title).
Add a revision comment to explain what you changed regarding the previous version. These comments will be visible in the version overview so you and your collaborating colleagues can track the changes you made to the different versions of a diagram.
Finally, click Save.
Save a copy¶
The Save as functionality allows you to save a copy of the current diagram under a different name. The new diagram will be created in the same folder.
Open the desired diagram in the Editor.
Click the Save as... button in the toolbar.
If you want to edit the copy, follow the link that is displayed after saving. The diagram that is still open in the same browser tab is the original.
Changing a diagram’s title¶
On the upper left corner, you see the title of the diagram. If you click it, the editing is enabled. You can also change the title when saving the diagram.
Now, there are multiple ways to add modeling elements to a diagram:
- Drag and drop elements from the shape repository on the left side.
- Once there are elements in the diagram, you can use the interactive shortcut menu to add more elements.
- You can copy and paste elements
Adding elements using drag & drop¶
The shape repository in the left column of the Editor displays all modeling elements available in the current modeling language (here: BPMN 2.0). To change the shape repository’s subset, click the subset that is currently activated above the shape repository and choose another one.
In case the amount of the BPMN 2.0 elements exceeds a certain number, the elements are grouped (e.g. activities, gateways, swimlanes, etc.).
Choose the element in the shape repository that you want to add to your diagram. Click and hold the mouse button on the element and drag the element to a position on the diagram where you want to drop it. The green icon shows you where you can drop the element. This might depend on whether an element can be added to another element. For instance, a BPMN pool cannot be added to a task.
You can label most elements. Double-click the element and a text box will appear if it can be labled.
Optionally, you can position the label of some elements (for example, BPMN gateways, and events), as well as connectors freely on the drawing area.
The Copy functionality simplifies creating many similar elements with complex but similar values. It also allows to re-use parts of old diagrams by copying some of their elements and pasting them into a new diagram.
Select the element you want to copy. Use the Shift or Ctrl key combinations to select multiple elements.
Use the combinations Ctrl + C to copy, Ctrl + X to cut and Ctrl + V to paste elements.
Using this functionality to copy elements between different diagrams may take a while, as they are copied to the server first. Also, an Internet connection is required for copying elements between diagrams, but not for copying elements inside one diagram.
You can move elements easily to a new position using drag & drop. To simplify the alignment, dotted orientation lines will appear and snapping to other elements will be activated.
Dotted orientation lines simplify the alignment of elements.
If the new position of your element is not valid because it breaks containment rules, it is signalized by red or green markers. The following two examples show how this works.
While modeling a BPMN-diagram, a task is supposed to be dropped into a pool. As a BPMN pool can include a task, green markers appear at the corners of the pool.
While modeling a BPMN-diagram, a pool is supposed to be dropped into a task. As a task cannot include a pool, red markers appear at the corners of the task.
Hitting special keys while moving an element affects the “move”-functionality:
- Alt or Ctrl: Move without automatic snapping and orientation lines
- Shift: Move along a horizontal or vertical line
These functionalities can also be combined. If you press Shift+Alt or Shift+Strg and hold while moving, you can move along a horizontal or vertical, without that orientation lines appear.
Changing element type¶
The transformation functionality allows you to switch easily from one element type to another. In BPMN, for instance, you can turn
- a task into a subprocess
- a plain start event into a message start event
- a collapsed pool into an expanded pool
To transform an element, proceed as follows:
- Select the element you want to transform.
- Click the transform shape/wrench icon below the element.
- Select the type you want to change the element to.
Some changes that affect the appearance and behavior of a modeling element but not its actual type can be performed in the attribute editor on the right. E.g., if a canceling intermediate timer event has to be changed to a non-canceling intermediate timer event (with a dotted border), the attribute cancel activity has to be set to false.
Modeling elements often come with a range of properties you can edit, called attributes. Some of these variables may influence the visual appearance (e.g. the background color or label of an element), other ‘invisible’ attributes are necessary to understand a process or to execute it. Such are for example an elements description, a linked dictionary entry or the decision logic defined for a decision in a DMN diagram. These properties can be altered in the attribute panel on the right. It can be expanded by clicking the gray bar labeled Attributes on the right side of the Editor window.
Open the attribute panel.
Most visual attributes can also be altered in the Editor’s top tool bar, though the attribute panel usually provides more options. You can also define diagram-wide attributes in the panel by clicking any empty space within the editing area. The principle according to which attribute values are set, is always the same.
In our example, we want to set the loop type of a BPMN Task:
- Open the attribute panel on the right side of the Editor by clicking the black bar.
- Select the loop type attribute and select the loop type, e.g. Standard for a looped task or MI Parallel for a multiple instances task.
- Unselect the attribute and the change will take effect. You will see the loop or multi instance icon in the task shape.
- To change diagram-wide attributes, click any empty space within the editing area and then go to the attributes panel.
The upper section of the attribute panel contains custom attributes which can be individually defined by your workspace administrators. Custom attributes can be defined, edited and removed via the Define notations/attributes dialog.
The attributes are divided into categories. You can hide the content to get a better overview by clicking on the minus symbol next to the category name.
You can also sort the attributes in alphanumerical order to find a required attribute more easily. To do so click on the head of the column Attribute. The small triangle indicates whether the elements are sorted descending or ascending.
Select the modeling elements you want to remove.
Click the Del-key on your keyboard or click the Delete button in the toolbar.
You can select multiple elements by either using the Ctrl key on your keyboard or by drawing selection frames on the canvas.
Undo / Redo¶
You can undo the last action made to a diagram by clicking the Undo button. Redo functionality is available via the Redo button.
Undo an editing action.
Alternatively, you can use the key combinations Ctrl + Y, and Ctrl + Z.
Resizing the canvas¶
If you move you cursor over the edges of the canvas, left and right arrows will appear
Click those arrows to shorten or extend the canvas. This allows you to create more complex and bigger diagrams. Use the zoom functionality to fit a large diagram to the screen.
Hint: Shortening the canvas is impossible if there are elements in the affected area.
When you create extensive diagrams, they can become too big to be displayed in your screen. Signavio’s zooming feature simplifies editing larger diagrams, especially when using a device with a relatively small screen.
To zoom in and out, simply click the corresponding button in the top toolbar.
The “Zoom in” button enlarges the view.
The “Zoom out” button reduces the view.
To return to the standard zoom level and see the diagram in its default size, click the button Zoom to the standard level.
Display the diagram in its default size.
Click Zoom to fit the model size in order to have the whole diagram canvas displayed in your browser.
Display the whole diagram.
You have now acquired basic modeling skills in Signavio Process Manager, you can continue to the chapters BPMN modeling, DMN modeling, ArchiMate or Value Chains to learn about a specific notation or continue to the next chapter if you would like to know more about process editing and formatting diagrams.