You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 7 Next »

When you open a 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.

The diagram pane consists of different areas:

  1. Diagram Pane
  2. Model Toolbar
  3. Elements Toolbar
  4. Designer Panels

Customizing the Diagram Pane

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 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 Managing Panels for details):
    • The Service Panel
    • The Attributes Panel
    • The Validation Panel

Managing the Diagram Pane

MultiExcerpt named state_of_pane was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro

MultiExcerpt named second_sidebar was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro


MultiExcerpt named enlarge_pane was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro

MultiExcerpt named hide_sidebar was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro

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

MultiExcerpt named panel_management was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro

Modeling on the Diagram Pane

ActionExampleDescription

Navigation

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

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.

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

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

MultiExcerpt named fit_model_to_pane was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro

MultiExcerpt named scale_model was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro

The Toolbars

Two toolbars are available for work on the diagram pane:

The Model Toolbar

MultiExcerpt named model_toolbar was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro

The Elements Toolbar

MultiExcerpt named bpmn_elements_toolbar was not found -- Please check the page name and MultiExcerpt name used in the MultiExcerpt-Include macro

The Diagram Context Menus

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

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:

IconElement
End Event
Plain Event
Message Event
Timer Event
Service Task
User Task
Receive Task
Exclusive Gateway
Parallel Gateway

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:

IconDescription

Delete the element.

Copy the element.

Cut the element.

Paste format of the element.

Bring the element to the front.

Send the element to the background.

Extended Tools Context Menu

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

IconDescription
Align left
Align right
Align center
Align top
Align bottom
Align middle
Auto layout
Distribute horizontally
Distribute vertically
Align relation

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

Relation Context Menu

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

IconDescription

Delete the relation.

Paste format of the relation.

Bring the relation to the front.

Send the relation to the background.

Align the relation.

Diagram Context Menu

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

IconDescription

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.

Oops, it seems that you need to place a table or a macro generating a table within the Table Filter macro.

The table is being loaded. Please wait for a bit ...

ShortcutDescription
Arrow downMoves the selected element(s) downwards by increments of one gridline. If no elements are selected, the whole diagram pane is moved downwards.
Arrow leftMoves 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 rightMoves 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 upMoves 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 downMoves 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 rightMoves the selected element(s) to the right by increments of one pixel.
CTRL + Arrow upMoves 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 WheelReduces (scrolling down) or enlarges (scrolling up) the zoom factor of the model.
CTRL + SHIFT + DCloses all tabs and switches to explorer tab.
CTRL + VGenerates copies of the selected element(s).
CTRL + XCuts 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.
DELPress 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 WheelMoves the model up or down.
SHIFT + Mouse WheelMoves the model to the right (scrolling up) or left (scrolling down).
SHIFT + Page downSwitches to the next tab from left to right.
SHIFT + Page up
Switches to the next tab from right to left.
  • No labels