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.

Customizing the Diagram Pane

Managing the Diagram Pane

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

Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName	tip_panel_	management DisableCaching true PageWithExcerpt INTERNAL:_designer_excerpts
Image Removed	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName enlarge_pane DisableCaching true PageWithExcerpt INTERNAL:_designer_excerpts
Image Removed	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName hide_sidebar DisableCaching true PageWithExcerpt INTERNAL:_designer_excerpts
Image Removed

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.

The Toolbars

Two toolbars are available for work on the diagram pane:

• The Model Toolbar
• The Elements Toolbar

The Model Toolbar

The following table explains the available tools:

Modeling on the Diagram Pane

shouldDisplayInlineCommentsInIncludes false
Image Added	Insert/Remove horizontal space	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName add_horizontal_space PageWithExcerpt INTERNAL:_designer_excerpts shouldDisplayInlineCommentsInIncludes false
Image Added	Insert/Remove vertical space	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName add_vertical_space PageWithExcerpt INTERNAL:_designer_excerpts shouldDisplayInlineCommentsInIncludes false
Image Added	Undo

ActionExampleDescription

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.

Zoom

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.

Shifting Content

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.

ScalingImage Removed

Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName

fit

undo_

model_to_paneDisableCachingtrue

last_action PageWithExcerpt INTERNAL:_designer_excerpts

Image RemovedDisableCachingtrue

Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName

scale_model

effect_undo_on_implementation PageWithExcerpt INTERNAL:_designer_excerpts

The Toolbars

Two toolbars are available for work on the diagram pane:

• The Model Toolbar
• The Elements Toolbar

The Elements Toolbar

The elements toolbar contains all BPMN elements that you can create on the diagram pane.

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 Anchor elements_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: Icon Element Image Modified End Event Image Modified Plain Event Image Modified Message Event Image Modified Timer Event Image Modified Service Task Image Modified User Task Image Modified Receive Task Image Modified Exclusive Gateway Image Modified 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
	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 Modified Delete the element. Image Modified Copy the element. Image Modified Cut the element. Image Modified Paste format of the element. Image Modified Bring the element to the front. Image Modified Send the element to the background.
Extended Tools Context Menu Anchor x_tools_context_menu x_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: Icon Description Image Modified Align left Image Modified Align right Image Modified Align center Image Modified Align top Image Modified Align bottom Image Modified Align middle Image Modified Auto layout Image Modified Distribute horizontally Image Modified Distribute vertically Image Modified 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
	Right-click a relation to open the relation context menu. Only the following options are applicable to relations: Icon Description Image Modified Delete the relation. Image Modified Paste format of the relation. Image Modified Bring the relation to the front. Image Modified Send the relation to the background. Image Modified Align the relation.
Diagram Context Menu Anchor diagram_context_menu diagram_context_menu
	With a right-click on the diagram pane itself, you open the diagram context menu: Icon Description Image Modified 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.