Process Editor

The Process editor is used to design and edit the different process kinds (mostly business and User Dialog logic processes). The Process editor has different parts:

• the Editor Area, where the process logic is constructed element for element

• the Tool Bar, where some tools are located and also all elements, which can be added to the process

• the Viewport Tool Bar, where some tools for the viewport are located

• the Quick Action Menu, where you find quick actions according to the current selection

Accessibility

Axon Ivy Project Tree > double click on a process node inside the project tree ()

Tool Bar

The Tool Bar collects all tools that can be helpful for working with the process editor:

Left

Select: an element in your process.

Marquee: grab multiple elements from your process. The Marquee Tool can also be started if you hold Shift or you can select multiple elements by hold Ctrl.

Undo: your last changes.

Redo: your last changes.

Center

You can create many different elements, by select the wished element and add it to a position in the diagram. To keep the overview they are divided into different categories:

• All Elements

• Events

• Gateways

• Activities

• Artifacts

• Extensions

Right

Opens the Data Class Editor of the process.

Opens or closes the Inscription View of the process.

Open view options:

• Darkmode: Toggle between dark and light theme.

• Grid: Toggle the grid mode. (You can also set the grid mode in the Process Editor Settings)

• Custom Icon: Toggle between custom and default icons.

Viewport Tool Bar

Reset process editor to the origin viewport.

Fit the whole diagram (or your current selection) to the process editor screen.

Center the whole diagram (or your current selection) in the process editor screen.

Zoom level: Displays the current zoom level of the process editor.

Editor Area

Processes are designed, drawn and modified in the process editor area. Select an element from the palette, then click in the process editor area to place it. Click and drag elements to move them.

Connectors are drawn between two elements by using the Connector Tool in the Tool Bar or clicking on the first element and select the Connector Tool over the Quick Action Menu. You can also add more bend waypoints to a connector or move them, by select the connector and drag the handles. To reconnect a existing connector select the connector and move the target handle to another element.

On each element you have a Quick Action Menu, which provides useful actions to edit the element. If you select multiple elements, you have access to the Multi-Selection Quick Action Menu. And also on connectors and swimlanes you will get a Quick Action Menu.

To scroll in the process editor simply drag the diagram. If you want to Zoom, use your mouse wheel. To undo/redo or copy/paste you can use the Edit menu of the IDE or use the default shortcuts (Ctrl + C, Ctrl + V, etc.).

Quick Action Menu

To open the Quick Action Menu simply select an element in the editor. The available actions can be different based on the element type:

Delete the current selection.

Starts/Runs the selected process. Only available on the Start Element

Information about the current selection (problem markers, name, description, PID, conditions, etc.).

Search all usages of this start event. Only available on some start events

Toggle Breakpoint: To suspend the execution. Process Element Breakpoints can be added to process elements.

Enters the embedded or referenced process and shows the encapsulated process. Only available on elements with an reference to another process

The elements encapsulated by the embedded subprocess are placed into the current process. Only available on Embedded Subprocess or BPMN Activity Elements

Opens an inline editor for the label of the currently selected element.

Jump to the referenced view or java class. Only available on elements with a referenced view or java class

Changes the icon of the process element. If the icon is already a custom icon the click will reset it to the default icon. Any image of the project can be used as decorator icons.

Changes the color of an element.

Tip

To define new colors or edit existing ones, press the plus or the edit buttons in the color palette. Valid colors are every possible css color.

Add Element:

Directly insert an element to the process workflow. There are three categories of elements:

• Events: All possible event elements (also for Error Boundary Event and Signal Boundary Event)

• Gateways

• Activities

Tip

Press the key A to get a list of all elements. You can also navigate through the list with the Arrow keys and add an element with the Enter key.

The Connection Tool can connect the current element with another. Only available if the element has no outgoing connector or supports multiple outgoing connectors

Multi-Selection Quick Action Menu

If you select multiple elements, e.g with the Marquee Tool of the Tool Bar, you get access to a Multi-Selection Quick Action Menu. The following actions are available:

Delete the current selection.

Wrap the current selection into an embedded process.

Aligns the selected elements horizontally and vertically.

Changes the color of an element.

Tip

To define new colors or edit existing ones, press the plus or the edit buttons in the color palette. Valid colors are every possible css color.

Connector Quick Action Menu

To open the Connector Quick Action Menu select a connector. The following actions are available:

Delete the current selection.

Information about the current selection (problem markers, name, description, PID, conditions, etc.).

Straighten: Change layout of the arrow path to a straight line.

Bend: Change layout of the arrow path to horizontal and vertical lines with 90° angles.

Opens an inline editor for the label of the currently selected element.

Changes the color of an element.

Tip

To define new colors or edit existing ones, press the plus or the edit buttons in the color palette. Valid colors are every possible css color.

Trigger a reconnection of the selected connector, by selecting a new target element.

Tip

You can also trigger a reconnection by pressing the target handle on the selected connector

Swimlane Quick Action Menu

To open the Swimlane Quick Action Menu select a pool or a lane. The following actions are available:

Delete the current selection.

Opens an inline editor for the label of the currently selected element.

Changes the color of an element.

Tip

To define new colors or edit existing ones, press the plus or the edit buttons in the color palette. Valid colors are every possible css color.

Adds a lane to a pool.

Shortcut Keys

Some of the tools and quick actions are available with shortcut keys. To use them, select the element, then press the associated key.

Jump out

Visible in the top left of the Editor Area to jump out of an embedded subprocess to the process that contains the Embedded Sub element.

Only active if you’re in an embedded subprocess