User Interface

The Case Editor interface is roughly divided into four areas:

  • The menu bar on top, just below the navigation bar

  • The palette on the left side

  • The canvas in the middle

  • The attribute bar on the right side

310 design cmmn editor

The following sub-chapters describe each area in detail.

The menu bar offers a number of actions, some of them only affecting the currently opened model while others have a more global impact.

310 design cmmn menu bar
Group Icon Description


210 icon save

Saves the currently opened model.

210 icon save all

Saves all opened models.


210 icon validate

Validates the currently opened model.


210 icon copy

Copy the selected element.

210 icon paste

Pastes the contents of the clipboard.

210 icon cut

Cuts the currently selected element.

210 icon delete

Deletes the currently selected element.


210 icon undo

Undoes the previous action.

210 icon redo

Redoes the most current action.


210 icon zoom in

Zooms into the model.

210 icon zoom out

Zoom out of the model.

210 icon zoom standard

Resets the zoom level.

210 icon zoom fit

Set the zoom level to fit the model.


210 icon align

Aligns all selected elements in relation to the first selected element.

210 icon same size

Sets the size of all selected elements to the size of the first selected element.

210 icon auto layout

Resets connectors according to their default settings.

210 icon delete docker

Allows to delete dockers from connectors with a left click.

210 icon change position

Activates spacer tool.


210 icon comments

Shows all comments made on elements.

210 icon language

Switches the language of the model.


210 icon data model viewer

Opens the Data Model Viewer, see data model viewer.

210 icon compare revisions

Opens the Revision Editor, see revisions.

210 icon search attributes

Searches for an attribute value within the currently opened model.


210 icon export

Exports the currently opened model, only possible if the model was saved.


210 icon publish

Publish an app, see publishing apps.

Drawing Criteria

Often you want to add entry of exit criteria to tasks or other case item. To do this, drag an entry or exit criterion shape from the Sentries group of elements and drop it on the task or item that needs to react to the sentry. While you are dragging the shape and hover over a task or item, the items outline changes to a green to indicate it is an allowed target for the criterion. Drop the criterion shape and a diamond representation of the sentry is added to the task or item.

If the entry of exit criterion is to be defined as an expression, the Condition attribute of the criterion can be used to enter the expression. You can also connect the criterion to another case item by clicking on the criterion diamond shape and access the connector tool from the item’s tools to drag a connection.