Versions Compared

Key

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

Features described on this page

Excerpt

Feature

Hosting Type

Release Version

Blogpost

Add a BPMN model to your Confluence page

Status
colourBlue
titleServer | DATA CENTER
Status
colourBlue
titleCloud

initial

Create or import a BPMN diagram

Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

3.24.0-ENTERPRISE

Basic Editing Functionality

Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

initial

Help Wizard

Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

initial

Navigation Bar and Toolbar

Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

initial

Comments on Process Elements

Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

initial

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.

Image Modified

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.

Image Removed
Image Added

Create or import a BPMN diagram
Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

|Since 3.24.0-ENTERPRISE.|

You can create a BPMN diagram in various ways - either create a blank BPMN diagram from scratch, or import an existing one from an internal or external source. The following options are available:

  • Create a blank BPMN diagram

  • Make a copy of an existing BPMN diagram (including its versions), cf

https://viadee-modeler-demo.atlassian.net/wiki/spaces/BMED/pages/237469699/Import+Export#Import-SERVER-%7C-DATA-CENTER-Cloud
  • cf

https://viadee-modeler-demo.atlassian.net/wiki/spaces/BMED/pages/237469699/+Export#Importing-from-GitLab-SERVER-%7C-DATA-CENTER--Cloud--and-Bitbucket-SERVER-%7C-DATA-CENTER Image Removed

Please be aware that some options are only available if the Confluence page is once published, and not in draft.

Image Removed
Image AddedImage Added


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

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
Status
colourBlue
titleCloud

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.


Comments on Process Elements
Status
colourBlue
titleSERVER | DATA CENTER
Status
colourBlue
titleCloud

For better collaboration, you can leave comments to single process elements to start a discussion with your team members. Each process element has an expandable box containing all comments including timestamp and author. To send your team members a notification you can tag them with a mention. As in Confluence, start by typing '@' and search for your team mate's name.

It is also possible to mark a comment as resolve and even delete all resolved comments attached to one element.

Just as any other overlayed icon, the comments indicator can be configured in the diagram settings or temporarily hidden via the toolbar. Alternatively, go to View in the navigation bar to set temporary display settings.