Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Add a BPMN model to your Confluence page 
Status
colourBlue
titleServer | DATA CENTER
Status
colourBlue
titleCloud

How to add a BPMN Diagram macro depends on the hosting option your Confluence runs in.

Server

If you are running on a Confluence Server instance you can add a BPMN diagram by

  1. Click on Insert more content → BPMN Diagram

  2. Or type {bpmn to open the macro shortcut menu 

The diagram appears directly where you inserted it on the page.

Cloud

If you are running on a Confluence Cloud instance you can add a BPMN diagram by

  1. Click on Insert → View more ...

  2. Search for "BPMN" and find the BPMN Modeler Enterprise 

  3. Or type /bpmn to open the macro shortcut menu 

The diagram appears directly where you inserted it on the page.


Basic Editing Functionality
Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

Expand
titleYouTube Video
Widget Connector
overlayyoutube
_templatecom/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width400px
urlhttps://www.youtube.com/watch?v=lnR09BV07Yc&list=PLCf8qz3CTQ4tuxHxoqOuzFazN-Cvv2tYM&index=2&t=0s
height300px

To edit an existing diagram, you can either edit the macro in Edit page mode or use the Edit diagram - button in page view. On the left side you have a palette including the BPMN 2.0 elements - simply drag and drop them on the canvas. Element types can be changed via the wrench symbol at each drawn element individually.


For a perfect modeling flow, you may append the next element directly from the last added element by clicking on the suggested options to continue. This will also automatically insert connecting flow elements.

There are tools to optimize your modeling experience.
These two can be found in the left pallet:

  • Space Tool: add or remove space between elements

  • Lasso Tool: capture and selection of elements at once

Additional functionalities are accessible via the navigation bar:

  • Undo and redo your last changes (via Edit)

  • Reset the diagram (via File)


Help Wizard  
Status
colourBlue
titleSERVER | DATA CENTER

To help you with the orientation while using the app, we offer a Guided Tour that can be started via the help buttons  (blue star)  that can be found in the toolbar and at the attribute panel. Alternatively you can got to Help → Go on guided tour. In this tour you are guided step by step through the different features of the app and get an explanation for every button and functionality.
Also under the Help menu, you have a selection of tutorial videos that will redirect to our YouTube - playlist and provide explanation, tips and tricks for the features of the app.


Navigation Bar and Toolbar  
Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

The Navigation Bar is grouped into dropdown fields that make all features of the BPMN Modeler Enterprise accessible. The ones that are frequently used during modeling are additionally placed into the toolbar below. Tooltips help identify the buttons. To see a list of available keyboard shortcut go to Edit → Shortcuts.

Import & Export  
Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

Expand
titleYouTube Video
Widget Connector
overlayyoutube
_templatecom/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width400px
urlhttps://www.youtube.com/watch?v=cCRJBDLpbVM&list=PLCf8qz3CTQ4tuxHxoqOuzFazN-Cvv2tYM&index=5&t=0s
height300px

Export

You can export your diagram as PNG, SVG and XML (.bpmn) file. This can be done in different ways:

  • in page view via the export buttons located at the diagram (BPMN and PNG)

  • in diagram editor and fullview / presentation mode:

    1. via the buttons in toolbar (BPMN and PNG)

    2. in the navbar via File→ Export (BPMN, PNG and SVG)

Furthermore, the table representation of the diagram can be exported as a CSV file via File → Export CSV while in table mode.

Import

There are two different ways to import diagrams.
Firstly, you can import standard-compliant .bpmn files directly from your local file system. To import a standard-conform .bpmn file in diagram editor:

  • go to File → Import

  • or drag and drop the file directly onto the diagram editor canvas

Image Removed

Alternatively, diagrams from other Confluence pages can also be imported via File→ Import from Confluence page. In this case you can choose whether you want to import all versions or only the latest one of the diagram using the Carry Version History toggle. Note that older versions of the diagram into which you are importing are not lost but still easily accessible in the version management and dropdown after the import.

Note that diagram versions imported from another Confluence page are not directly published on the Confluence page, even if you entered the diagram editor from the Confluence page view. You can change this by clicking Publish this version now in the message box showing up directly after the import. For more information on how versions are published on the Confluence page please refer to the section "Published and Unpublished Versions" of this manual.