How to dynamically add start node to diagram

[Charlie BengerStevenson]

I am utilising the trial period so still very green, so apologies in advance for the rookie question. Also I am not getting answers to my support tickets so am trying out the forum to see if this is the best route to getting resolutions to issues in a reasonable timeframe that allows me to perform my evaluation of your product within the trial period.

This code works :

this.diagram.addNode( {

        shape: { type: 'Text', content: 'Basic Shapes' },

        style: { fontSize: 16, fill: 'None', fontFamily: 'sans-serif', bold: true, strokeWidth: 0 },

        offsetX: 300,

        offsetY: 300

      });

This code doesn't work, and doesn't give any errors :

this.diagram.addNode( {

        shape: { type: 'Bpmn', shape: 'Event',

        event: {

            event: 'Start',

            trigger: 'None'

          }

        },

        offsetX: 200,

        offsetY: 200

      });

What am I doing wrong?

[Shyam G]

Hi Charlie, 

We should inject BpmnDiagrams module to render a BPMN Node in the diagram. Please refer to a code example below. 

Code example:  

App.component.ts 

 

import { 

    BpmnDiagrams 

} from '@syncfusion/ej2-diagrams'; 

 

Diagram.Inject(BpmnDiagrams); 

Please refer to the help documentation below that shows the list of diagram features module you can inject it in your application. 

 

Help documentation: https://ej2.syncfusion.com/angular/documentation/diagram/getting-started/#module-injection  

 

Here is an sample with your code 

 

Sample: https://stackblitz.com/edit/angular-1dmohq?file=app.component.ts 

 

Regards, 

Shyam G