Editor Overview

The editor is where you draw and refine BPMN diagrams. It opens when you create a diagram or click one in the Diagrams list.

The BPM Studio editor

The Editor Screen

Area What it does
Tab strip (top) Each open diagram gets its own tab. Switch tabs freely - unsaved edits in other tabs are kept. Close a tab with its x.
Title bar The diagram name (click it to rename in place), the current version (v1, v2, ...), an asterisk when there are unsaved changes, and the save status ("Saved v4 at 07:14").
Toolbar Zoom out / Fit / zoom in, Auto layout, export buttons (PNG, SVG, PDF, VSDX), Delete, the Auto save toggle, and Save draft.
Palette (left) The BPMN shapes you drag onto the canvas. Click the arrow at the top of the palette to switch between the narrow icon view and the wide labeled view.
Canvas (center) The diagram itself. Drag shapes from the palette, click to select, drag to move.
Properties panel (right) Shows the selected element's type, ID, and name. Collapsible.

Working with Tabs

Open several diagrams at once - each gets a tab, and edits in progress survive switching between them. If you navigate to Editor in the left navigation with no diagram open, you get a welcome screen with your recent diagrams.

There is an upper limit on simultaneous tabs; if you reach it, close some tabs before opening another diagram.

Renaming a Diagram

Click the diagram title in the title bar, type the new name, and press Enter (or click elsewhere) to confirm. Press Escape to cancel.

Zoom and Layout

  • - / + zoom out and in; Fit zooms so the whole diagram is visible.
  • Auto layout rearranges the entire diagram into a tidy layout in one click. If you preferred your arrangement, press Ctrl+Z to undo it.

Deleting the Open Diagram

The Delete toolbar button deletes the diagram you are looking at, after a confirmation dialog. This is the same operation as deleting from the Diagrams list, and it cannot be undone.

Next