How to show subprocess in my viewer

Hi Guys,

I am pretty new to, however, I have succeeded in showing my BPMN diagram properly.

The only issue is that the viewer only shows my main process, and not the subprocess inside. The important thing for my customer is to see the tasks in the subprocess, so how do I show tasks in the subprocess. The only thing I see right now, is the plus marker, indicating that there is a subprocess.

Thank you.

Please provide us with your diagram, especially the definition of the SubProcess and the DI section.

Hi Nikku. Thank you.

Here is the diagram:

test.xml (7.7 KB)

The sub process in your diagram is not marked as expanded in the DI section.

You can toggle the collapsed/expanded state via the wrench symbol in the sub-process context pad.

Thank you for the answer.

How do I set the subprocess as expanded?

I am using the navigated viewer, so I don’t see any wrench symbol?

When i use your online demo, i get the hover menu, where I can see the wrench, but in my own solution it does not show. I tried both the viewer and the modeler. This is my code:

var BpmnNavigatedViewer = window.BpmnJS;

var viewer = new BpmnNavigatedViewer({
        container: $('.bpmn-container')

viewer.importXML(xml, function (err) {

                if (err) {
                    console.log('error rendering', err);
                } else {


This one is old but I currently face the same problem in the viewer: The process is rendered with collapsed sub-processes and I cannot navigate into any sub-processes. Any solutions?

Please do not necrobump old topics. Instead link to this thread from new topic.