Skip to main content
Skip table of contents

Widget: Process Image


This widget can be used to include an animated interactive process image in the Dashboard. Process images can be created individually with the help of the Animation Manual. You can find examples of this in the area below.

You can find how to create a process image and the corresponding SVG, along with more examples, in the Animation Manual.

Example 1

Example 2

Example 3





Select the Process Image widget from the Visualization category.

Assign a suitable title in the Basic Configuration for the process image. The header can be displayed by selecting the check box.

Then go to the "Process Configuration" tab and click "Select Process Image". The optional entry of a base tag can speed up the commissioning of several similar process images.

To be able to select a process image, it must first be created in the configuration under Process image.

Using "Background Color", you can set an individual color for the process image background.

Clicking "Select Process Image" opens the Select Entity window. You can add process images that were created earlier.

If you want to display your process image across all tabs, you must first activate the "Cross tab" function. The settings for the configuration are activated by clicking the "Activated" button. Now you can use the "Mode" drop-down menu to choose your mode for this process image.


If the mode is set to "Send", this process image is sent to another process image widget


If the mode is set to "Receive", the process image change is performed on this process image

A token must be assigned before you can use the functions from the "Mode" drop-down menu. This must be clearly defined and used in both process images.

You can use the "Cross tab" function to change a process image across tabs. However, this change does not take place globally, but only on the terminal device that is currently being used. It does not matter where the process image widgets are created. The token created for this purpose serves as identification and "links" the process images together. The process images then perform their task during the process image change, depending on which mode was selected for them.

The example now shows a process image that was created across tabs. On the left side you can see the process image in Tab1 (Send) and on the right side in Tab2 (Receive). The process image is now linked so that it is displayed in both tabs. The size of the widget is variable.

Once you are satisfied with your configuration, you can save it.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.