If When you create open a new or open an existing model, the modeling canvas will open. You will find three sections on the canvas:

The The Diagram Pane including its toolbars
The The Execution Pane
Various Designer Panels

Image Removed

The Elements Toolbar

model from the explorer tree, a second tab will open, displaying the model on the diagram pane. This is where you design your BPMN model.

Image Added

The diagram pane consists of different areas:

Customizing the Diagram Pane

Image Added

You have several options to adjust the diagram pane. When you open the pane for the first time, the default view is displayed:

The Diagram Pane is displayed in the centre at the top
(see Working with the BPMN Editor#Managing the Diagram Pane for details).
The Execution Pane is displayed below the diagram pane
(see chapter Modeling Execution for further information).
Three Designer Panels are shown in the left sidebar
(see Working with the BPMN Editor#Managing Panels for details):
- The Service Panel
- The Attributes Panel
- The Validation Panel

Managing the Diagram Pane

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	state_of_pane
PageWithExcerpt	INTERNAL:_designer_excerpts

Image Added

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	second_sidebar
DisableCaching	true
PageWithExcerpt	INTERNAL:_designer_excerpts

Image Added

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	enlarge_pane
DisableCaching	true
PageWithExcerpt	INTERNAL:_designer_excerpts

Image Added

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	hide_sidebar
DisableCaching	true
PageWithExcerpt	INTERNAL:_designer_excerpts

Image Added

To gain more space for modeling, you can hide the whole execution pane by clicking the icon Image Added in the model toolbar.

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	panel_management
DisableCaching	true
PageWithExcerpt	INTERNAL:_designer_excerpts

Modeling on the Diagram Pane

Action

Example

Description

Navigation

Image Added

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.

Zoom

Image Added

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 Added

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.

Shifting Content

Image Added

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.

Scaling

Image Added

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	fit_model_to_pane
DisableCaching	true
PageWithExcerpt	INTERNAL:_designer_excerpts

Image Added

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	scale_model
DisableCaching	true
PageWithExcerpt	INTERNAL:_designer_excerpts

The Toolbars

Two toolbars are available for work on the diagram pane:

The Model Toolbar

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	bpmnmodel_elements_toolbar
DisableCaching	true
PageWithExcerpt	INTERNAL:_designer_excerpts

The

Model

Elements Toolbar

Multiexcerpt include

SpaceWithExcerpt	INTERNAL
MultiExcerptName	modelbpmn_elements_toolbar
DisableCaching	true
PageWithExcerpt	INTERNAL:_designer_excerpts

The Diagram Context Menus

Various context menus support the user during modeling on the diagram pane:

Elements Context Menu

Anchor

	elements_context_menu
	elements_context_menu

Image Added

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:

Icon	Element
Image Added	End Event
Image Added	Intermediate Event
Image Added	Message Intermediate Event
Image Added	Timer Event
Image Added	Service Task
Image Added	User Task
Image Added	Receive Task
Image Added	Exclusive Gateway
Image Added	Parallel Gateway

If you create a new element using the context menu, the relation to the current element is drawn automatically.

Tools Context Menu

Anchor

	tools_context_menu
	tools_context_menu

Image Added

If you right click on an element, the tools context menu opens. Use it to edit the current element.

The following options are available:

Icon	Description
Image Added	Delete the element.
Image Added	Copy the element.
Image Added	Cut the element.
Image Added	Paste format of the element.
Image Added	Bring the element to the front.
Image Added	Send the element to the background.

Extended Tools Context Menu

Anchor

	x_tools_context_menu
	x_tools_context_menu

Image Added

If you have selected more than one element on the pane, the tools context menu is enhanced with additional options:

Icon	Description
Image Added	Align left
Image Added	Align right
Image Added	Align center
Image Added	Align top
Image Added	Align bottom
Image Added	Align middle
Image Added	Auto layout
Image Added	Distribute horizontally
Image Added	Distribute vertically
Image Added	Align relation

Info
The number of displayed options depends on your selection on the diagram pane.

Relation Context Menu

Anchor

	relation_context_menu
	relation_context_menu

Image Added

Right-click a relation to open the relation context menu. Only the following options are applicable to relations:

Icon	Description
Image Added	Delete the relation.
Image Added	Paste format of the relation.
Image Added	Bring the relation to the front.
Image Added	Send the relation to the background.
Image Added	Align the relation.

Diagram Context Menu

Anchor

	diagram_context_menu
	diagram_context_menu

Image Added

With a right-click on the diagram pane itself, you open the diagram context menu:

Icon	Description
Image Added	Paste a copied element.

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

hideControls	true
sparkName	Sparkline
datepattern	dd M yy
globalFilter	true
id	1614936371241_-262230388
sort	Shortcut ⇧
worklog	365\|5\|8\|y w d h m\|y w d h m
isOR	AND
separator	Point (.)
order	0

Shortcut	Description
Arrow down	Moves the selected element(s) downwards by increments of one gridline. If no elements are selected, the whole diagram pane is moved downwards.
Arrow left	Moves the selected element(s) to the left by increments of one gridline. If no elements are selected, the whole diagram pane is moved to the left.
Arrow right	Moves the selected element(s) to the right by increments of one gridline. If no elements are selected, the whole diagram pane is moved to the right.
Arrow up	Moves the selected element(s) upwards by increments of one gridline. If no elements are selected, the whole diagram pane is moved upwards.
CTRL + 1, 2, 3 ... 9	Opens the tab corresponding to the chosen number. The first nine opened models are offered for activation. Press a number to activate the corresponding model and bring it to the foreground.
CTRL + A	Selects all elements on the diagram pane.
CTRL + Arrow down	Moves the selected element(s) downwards by increments of one pixel.
CTRL + Arrow left	Moves the selected element(s) to the left by increments of one pixel.
CTRL + Arrow right	Moves the selected element(s) to the right by increments of one pixel.
CTRL + Arrow up	Moves the selected element(s) upwards by increments of one pixel.
CTRL + C	Copies the selected element(s) to the clipboard.
CTRL + D	Closes the active model window.
CTRL + left mouse button	Allows you to add or remove individual elements from the selection one by one.
CTRL + Mouse Wheel	Reduces (scrolling down) or enlarges (scrolling up) the zoom factor of the model.
CTRL + SHIFT + D	Closes all tabs and switches to explorer tab.
CTRL + V	Generates copies of the selected element(s).
CTRL + X	Cuts the selected element(s) and copies them to the clipboard.
CTRL + Y	Repeats editing steps that have been undone.
CTRL + Z	Undoes previous editing steps.
DEL	Press Del to remove selected elements from the diagram pane.
ESC	Pressing the Esc key aborts the following processes: adding a new element closing a dialog drawing a relation moving elements reattaching a relation changing the relation path creating an image changing the name of an element
Mouse Wheel	Moves the model up or down.
SHIFT + Mouse Wheel	Moves the model to the right (scrolling up) or left (scrolling down).
SHIFT + Page down	Switches to the next tab from left to right.
SHIFT + Page up	Switches to the next tab from right to left.

Otp

Floating	false
maxHLevel	2

Rp
Structuring Your Work Single BPMN Model Modeling Execution PAS Designer Developer Guide The Diagram Pane Supported BPMN Elements The Execution Pane Designer Panel Overview

Page tree

Versions Compared

Old Version 4

New Version 5

Key

The Elements Toolbar

Customizing the Diagram Pane

Managing the Diagram Pane

Modeling on the Diagram Pane

The Toolbars

The Model Toolbar

The

Elements Toolbar

The Diagram Context Menus

Shortcuts

Page tree

Page History

Versions Compared

Old Version 4

New Version 5

Key

The Elements Toolbar

Customizing the Diagram Pane

Managing the Diagram Pane

Modeling on the Diagram Pane

The Toolbars

The Model Toolbar

The

Elements Toolbar

The Diagram Context Menus

Shortcuts