BPMN elements

Elements are the building blocks you use to create processes.

There are five main element categories in a diagram. Every element represents a unique aspect of a business process.

You find information on specific elements in the BPMN Element Reference.

Category Element Type Description
Flow Elements activities, events, gateways Define process behavior
Connecting Elements sequence flows, message flows, associations, data associations Connect flow elements to form a flow
Swimlanes pools, lanes Assign participants (organizational units, people or systems) to activities
Data Elements data objects data inputs, data outputs, data stores The data required, produced, stored or collected in a process
Artifacts text annotations Provide additional information about a process

Element attributes

Every element has a set of attributes that you can edit.

Some attributes are essential if you want to run a BPMN model in Process Manager. Attribute descriptions are important if you want to generate a comprehensive process report.

You edit attributes in the Attributes panel.

Every element has an Attributes tab. Depending on the element, the Attributes panel can have additional Attribute tabs. For example, a User Task has an Attributes tab and a Conditions, Input, Output, Resource and Property tab.

Element Attributes Panel in Cardanit

Open the Attributes panel
  • Select the element in the diagram, and in the Panel Menu, click Attributes.

Add elements

There are several ways to add elements to a diagram. You can add them using the Element Palette, the Ring, Magnetic Edge and by copy and paste.

Here you can also learn how to add elements to Pools and Subprocesses.

Element palette

The Element Palette contains all the elements you can use in a diagram. Elements in the palette are divided into categories so you can easily find the element you’re looking for.

To add an element:

  • Select an element from the palette, then drag and drop it onto the diagram.

    Element Palette in Cardanit

The Ring

The Ring is an interactive context menu that helps you to create processes faster than manually dragging and dropping elements onto a diagram.

The Ring is divided in two parts: a right menu and a left menu.

The right menu contains actions for adding elements and automatically connects them. The left menu contains tools to edit the element.

Depending on the element you select, the Ring contains the actions and tools you can use for that element.

Hover over icons to see tooltips that help you understand the actions they perform.

Copy and paste

You can add elements by copying an existing element and pasting it onto another part of the diagram.

  1. Select the element you want to copy and in the left Ring menu, click .

    selecting and copying elements

  2. Click an empty space on the diagram, open the Ring and click .

    pasting elements in a diagram

Magnetic edge

You can activate the magnetic edge tool to automatically connect elements as you drag and drop them onto the diagram.

The tool acts like a magnet and connects to the closest element.

  1. In the Toolbar, click .

  2. Select an element from the Element Palette and drag and drop it onto the diagram.

  3. Select another element and drag it near the element you want to connect it to. Hold the element and drag it into position, then drop it.

    Magnetic Edge tool in Cardanit

To deactivate the tool:

  • In the Toolbar, click .

Add elements to Pools

You add elements to Pools in the same way that you add elements to a diagram.

However, there are some rules to know before you start:

  • Sequence Flows can’t cross Pool boundaries

  • Message Flows can cross Pool boundaries.

  • Message Flows can’t connect to objects that are within the same Pool.

Add elements to Subprocesses

You add elements to Pools in the same way that you add elements to a diagram.

However, there are some rules to know before you start:

  • Sequence Flows can’t cross Subprocess boundaries

  • Message Flows can cross Subprocess boundaries.

  • Message Flows can’t connect to objects that are within the same Subprocess.

Model a data flow

A data flow shows how data moves between Activities and Events and the Data Elements in a process.

Data Associations move the flow of data between Data Elements and the Activities and Events in a diagram.

A Data Association can have a Data Object Reference, Data Input, Data Output or Data Store Reference at one end as its source or as its target. The Data Input or Data Output of the flow element is at the other end of the Data Association.

You can model and edit a data flow using the Data Flow tool or do it by manually modeling and editing it.

Data Flow tool

In complex processes, manually modeling a data flow is often time-consuming and can lead to errors.

The Data Flow tool helps you model error-free data flows faster than creating it manually. Any errors in the flow are signalled at each step to ensure the process is functional and executable.

You can model data flows starting from one Activity/Event or two Activities/Events.

Data Flow with 1 Activity/Event

You can model a data flow starting with one Activity/Event and associate it with multiple Data Inputs/Data Outputs.

The following procedure is an example. It starts with the ‘Sign the form’ User Task and creates one Data Input Association (‘Signature’) and one Data Output Association (‘Approval’). The Data Inputs and Data Outputs have previously been defined.

  1. Select the User Task.

  2. In the toolbar, click and select Create Data Input Associations.

    creating Data Input Associations

  3. Select a Data Input Association for the User Task, then click Create.

    selecting Data Input Associations

    The data flow should look something like this:

    Data Flow with one Data Input Association

  4. Select the User Task again.

  5. In the toolbar, click and select Create Data Output Associations.

    Creating Data Output Associations

    The data flow should look something like this:

    Data Flow with two Data Input Associations

Data Flow between 2 Activities/Events

The following procedure is an example of how to model a data flow between two User Tasks.

The example maps the flow of data that starts at the signing of a travel request form (‘Sign the form’) and ends with the request being approved (‘Approve travel request’). The aim is to associate the Data Outputs of ‘Sign the form’ with the Data Inputs of ‘Approve travel request’ and associate them using Data Elements — in this example, Data Object References. The Data Inputs and Data Outputs have previously been defined.

  1. Select the two User Tasks.

  2. In the toolbar, click and select the source of the data flow.

    The source, Sign the form, is the starting point for the flow of data.

    The Data Flow tool is disabled until you select an Activity or Event.

    signing a form with Data Inputs

    In the dialog box that opens, Data Associations are automatically created between the Data Outputs and Data Inputs of the two tasks.

    creating a Data Flow

  3. Select the Data Inputs to be associated with the Data Outputs.

    When you select a Data Input, a Data Element is automatically created on the Data Output of the task.

    selecting Data Inputs to be associated with Data Outputs

  4. Select the Data Element type.

    In this example, it’s a Data Object Reference.

    Type the name of a Data Element in the field to find it faster.

    You can also create a Data Element by typing a name in the field and selecting the type of Data Element.

    selecting Data Element type

  5. Once you’ve associated all the Data Inputs with Data Outputs, click Create.

    The data flow should look something like this:

    Data Flow visual outcome

Manually create a Data Flow

To manually create a Data Flow you need to define the following elements in a diagram:

  • the Data Element
  • the Activity or Event
  • the Data Association connecting the Data Element to the Activity or Event

Before you configure a Data Association, you need a Data Element and an Activity or Event in the diagram that has a Data Association between them.

The order set out in this procedure is purely for the purpose of example. You can define the Data Association, Data Element and Activity/Event in the order you prefer.

For detailed information on how to define a specific element and its attributes, see the documentation for that element.

  1. Define the Data Element

    Select the Data Element and define its attributes.

    If you use a Data Object Reference or a Data Store Reference, you need to associate it with a Data Object or a Data Store.

    You can create a new Data Object or Data Store in the Attributes of the Data Object Reference and Data Store Reference:

    1. Click New.

    2. In the panel that opens, fill in the Name and (optional) Description fields and specify the Data Type (Item Definition) and Default value.

    3. Click Create and select.

  2. Define the Data Association

    The direction of the arrowhead of the Data Association determines whether the Data Element is a source for, or a target of, the Activity or Event.

    In the Attributes tab of the Data Association:

    • Click and select the Source Reference or the Target Reference from the dropdown list or create a new reference.

    To create a new reference:

    1. Click New.

    2. In the panel that opens, fill in the Name and (optional) Description fields and specify the Data Type.

    3. Click Create and select.

Tools for editing elements

Cardanit has several tools that enable you to edit elements in a diagram.

You can use them to create space between elements, align them, select elements, delete them and more.

Edit with the Ring

You can use the left menu of the Ring to edit elements.

Depending on the element you select, the Ring contains the editing tools you can use for that element.

Hover over icons to see tooltips that help you understand the actions they perform.

Tool Icon Description
Edit element type The options available depend on the type of element.
Copy Copy the element.
Paste Paste the element.
Delete Delete the element.
Add label Add labels to elements that don’t have room for an internal label.
Edit label Edit labels.
Collapse Supbrocess Collapses the Subprocess and hides its contents.
Expand Subprocess Expands the Subprocess to show its contents.

Auto Layout tool

The Auto Layout tool automatically tidies up your diagrams by evenly aligning and spacing elements and connections. It enables you to create visually consistent and comprehensible diagrams and saves you time and the effort of manually moving elements into the proper position.

To automatically tidy up your diagram:

  • In the toolbar, click .

Auto Layout tool in Cardanit

Create space tool

You can use the create space and remove space tools if you need to create space for additional elements or reduce the diagram size.

Create space
  1. Click .

    The moment you activate the tool, guides appear in the diagram.

  2. Position the pointer over the area of the diagram where you want to create space.

  3. Click, hold and drag in the direction you need to create space — horizontally or vertically — then release.

    To deactivate the tool, click again or press ESC.

    Create Space tool in Cardanit

Remove space
  1. Click .

  2. Position the pointer over the area where you want to remove space.

  3. Click, hold and drag in the direction you need to remove space — horizontally or vertically — then release.

    To deactivate the tool, click again or press ESC.

    Remove Space tool in Cardanit

Select elements

There are several ways to select elements in a diagram.

You can select an element by clicking on it or by using the Rectangular Selection or Select All tools.

Once you’ve selected the elements you can move, copy, delete or align them.

Rectangular selection tool

This tool enables you to select multiple elements in the diagram.

  1. In the Toolbar, click .

  2. Click and drag the pointer to define an area around the elements you want to select.

    To deactivate the tool, click again or press ESC.

Select all tool

This tool enables you to select all the elements in the diagram.

  • In the Toolbar, click .

    To deactivate the tool, click again or press ESC.

Align elements

You can align and distribute one or multiple elements using the Ring or align and distribute them manually using guides and margins.

Align with the Ring

Use the Ring to align elements vertically or horizontally.

When you align elements vertically you can also align them to the right, left and in the center.

When you align elements horizontally you can also align them at the top, bottom or in the middle.

  1. Select the elements you want to align.

  2. Use the alignment options in the right Ring menu.

aligning BPMN elements with the Ring menu in Cardanit

Align manually

If you’re adding elements from the Element Palette you can use the guides that appear to help you align the elements.

Vertical and horizontal guides appear when you drag and drop an element near another element. Margins also appear to help you distribute the elements evenly.

aligning BPMN elements manually

Delete elements

To delete elements in a diagram, select the element or elements:

  • In the Toolbar, click .

  • In the Ring, click .

  • Use the keyboard shortcut Ctrl + X.

Undo and redo

When you’re adding elements to a diagram and editing them it can be useful to undo and redo your actions.

You find the undo and redo actions in the Toolbar and in the Ring.