Page History
Versions Compared
Key
- This line was added.
- This line was removed.
- Formatting was changed.
When you open a model from the explorer tree service panel, a second tab will open, displaying the model on the diagram pane. This is where you design your BPMN model.
The diagram pane consists of different areas: |
Customizing the Diagram Pane
Image Modified You have several options to adjust the diagram pane. When you open the pane for the first time, the default view is displayed: (see Managing the Diagram Pane for details). (see chapter Modeling Execution for further information). (see Managing Panels for details):
|
Managing the Diagram Pane
|
|
|
| second
| sidebar
| |||||||||||||||
Image Removed |
| ||||||||||||||||
Image Removed |
| Image Removed | To gain more space for modeling, you can hide the whole execution pane by clicking the icon Image Removed in the model toolbar.
Modeling on the Diagram Pane
While modeling, some general functionalities help you to browse through your model, and to adjust your working location within the model. Refer to Customizing Editors and Panels for more details.
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
The Toolbars
Two toolbars are available for work on the diagram pane:
The Model Toolbar
Image Added | The model toolbar assists you during modeling on the diagram pane. |
Image Added | Enabled options are highlighted in blue. |
The following table explains the available tools:
Tool Icon | Tool Name | Description | |||||
---|---|---|---|---|---|---|---|
Image Added | Export | Use this icon to export your BPMN model in JSON format. | |||||
Image Added | Share | If you click the Share icon, the URL of your BPMN model is copied to the clipboard and you can paste it elsewhere, for example in an email. | |||||
Image Added | Hide Execution Pane | Use this icon to hide the execution pane. This allows to gain more space during modeling. | |||||
Image Added | Toggle grid |
|
|
|
|
Modeling on the Diagram Pane
| ||||||||||||
Image Added | Insert/Remove horizontal space |
| ||||||||||
Image Added | Insert/Remove vertical space |
| ||||||||||
Image Added | Undo |
Navigation
Image Removed
You can use the Overview Panel to navigate in your BPMN model. The panel displays your model and a blue frame, representing the content shown on the diagram pane.
If you want to work on another part of the model, you can use the frame to quickly change the display.
Image Removed
When modeling, you have several options to apply the zoom on the diagram pane.
- Press the Ctrl button and use the mouse wheel.
- Use the zoom bar at the bottom of the pane.
To zoom, you can use the pin or press the plus or minus button of the zoom bar.
Image Removed
You can also use the Overview Panel to zoom in or out the model: Hover over the right bottom corner of the blue frame. The cursor changes and you can resize the frame.
Image Removed
You have also several options to shift the content on the pane:
- Use the mouse wheel to move the pane and its content vertically.
- Press the Shift button and use the mouse wheel to move the content horizontally.
- Use the scroll bars for both directions.
- Use the overview panel.
|
|
|
|
|
The Toolbars
Two toolbars are available for work on the diagram pane:
The Model ToolbarImage Added | Redo |
|
|
|
|
The Elements Toolbar
The elements toolbar contains all BPMN elements that you can create on the diagram pane.
Image Added | By default, the elements toolbar only displays the icons of the available BPMN elements. But you can also expand the toolbar by using the Image Addedicon. | ||||||
Image Added | In its expanded version, the names of all elements are also displayed.
| ||||||
Image Added |
|
|
The Diagram Context Menus
Various context menus support the user during modeling on the diagram pane:
- The Elements Context Menu
- The Tools Context Menu
- The Extended Tools Context Menu
- The Relation Context Menu
- The Diagram Context Menu
Elements Context Menu
| |||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
If you click on an element, the element context menu opens. You can use it to create new elements instead of using the elements toolbar. Choose one of the icons to create the corresponding element:
If you create a new element using the context menu, the relation to the current element is drawn automatically. | |||||||||||||||||||||||||
Tools Context Menu
| |||||||||||||||||||||||||
If you right click on an element, the tools context menu opens. Use it to edit the current element. The following options are available:
| |||||||||||||||||||||||||
Extended Tools Context Menu
| |||||||||||||||||||||||||
Image Modified | If you have selected more than one element on the pane, the tools context menu is enhanced with additional options:
| ||||||||||||||||||||||||
Relation Context Menu
| |||||||||||||||||||||||||
Right-click a relation to open the relation context menu. Only the following options are applicable to relations:
| |||||||||||||||||||||||||
Diagram Context Menu
| |||||||||||||||||||||||||
With a right-click on the diagram pane itself, you open the diagram context menu:
|
Shortcuts
You can also use shortcuts on the diagram pane. The following list of shortcuts can be searched. Enter your search term in the Global Filter field.
Table Filter | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
CTRL + left mouse button | Allows you to add or remove individual elements from the selection one by one.
|
Panel |
---|
Otp | ||||
---|---|---|---|---|
|
| ||
|
Panel | ||
---|---|---|
| ||
Rp | ||