bpm diagram displaying at page


Hello there,

I want to display bpm diagram at forms. Is there any way for this visualization? I also want to visualize whether any level of diagram accepted or rejected.

Any response will be appreciated.

Bst Rgds,



Submitted by the.shirini on Mon, 02/08/2021 - 17:22

I would love for someone to do this and share
I haven't had a chance to do that yet, but it shouldn't be too hard

Submitted by nathalie.cotte on Tue, 02/16/2021 - 15:58

What do you mean by "visualize whether any level of diagram accepted or rejected"?


Submitted by celalaslan on Sun, 02/21/2021 - 13:55

I mean that which activity in the process is completed or not, if there is a gateway related with a deciding then which one is selected like accepted or rejected. As a result, i want to draw a bpm flow that visualize the completed ones with different colors alike the others.

3 answers


In addition to Thomas information, please find a full example written by Marcin to create a custom widget to display a BPMN diagram : https://community.bonitasoft.com/blog/bonita-ui-designer-custom-widget-bpmn-visualization

This example is using Diagram API too, which is limited to Subscription Editions, but you might want to use it externally.



The best hint that I have for you is to check out https://github.com/process-analytics . This is an Open Source project to do exactly that: display BPMN process and execution data into a page or a form.


First, retrieving the BPMN diagram of a process (xml definition) is only possible using the REST API with Bonita Enterprise.


Diagram (Subscription editions only)

Use the diagram resource to access the process diagram xml representation. This is necessary for drawing the diagram.

GET - Retrieve the XML definition of the diagram

Using this API, it is then possible to create an UID custom widget to display the diagram within a Page, ...