How to view the process diagram for a particular process instance?

pradeeppg89 · February 1, 2021, 9:14pm

I would like to render the process diagram for a completed instance on my custom frontend app. Is there any way where I could load the flowable admin app rendered process diagram?

yvo · February 2, 2021, 7:58am

Hi,

have a look here;

github.com

flowable/flowable-engine/blob/master/modules/flowable-ui/flowable-ui-admin-frontend/src/main/resources/static/admin/display/displaymodel.html#L397


                	tmpCanvasHeight = canvasHeight * (1.0/1.10);
                }
                
                if (tmpCanvasWidth != canvasWidth || tmpCanvasHeight != canvasHeight) {
                	canvasWidth = tmpCanvasWidth;
                	canvasHeight = tmpCanvasHeight;
                	paper.setSize(canvasWidth, canvasHeight);
                }
        	}
        	
        	function _showProcessDiagram() {
        	    var request;
	        	if (historyInstanceId != null) {
	        	   request = $.ajax({
                        type: 'get',
                        url: FlowableAdmin.Config.adminContextRoot + 'rest/admin/process-instances/' + historyInstanceId + '/history-model-json?processDefinitionId=' + definitionId + '&nocaching=' + new Date().getTime()
                    });
                    
	        	} else if (instanceId != null) {
					request = $.ajax({
					    type: 'get',

This component is responsible for fetching the required state info and drawing the running or completed process instance.

Hope this helps.

Regards,

Yvo

timaslt · March 23, 2023, 10:51am

Could you provide with an updated link to the repository? I am trying to find a way to draw dynamic diagrams for a UI app.

gdharley · March 23, 2023, 5:16pm

Hello Timaslt,
It looks like you cross posted in another thread.
The updated link is below:
flowable-engine/modules/flowable-ui/flowable-ui-admin-frontend/src/main/resources/static/admin/display at flowable-6.7.2 · flowable/flowable-engine (github.com)

Cheers,
Greg