Search results

BpmnFlow API in Vue Diagram API component

Sets the type of the flow in a BPMN Process

Properties

association

BpmnAssociationFlows

Sets the type of the Bpmn association flows

  • Default - Sets the type of Association flow as Default
  • Directional - Sets the type of Association flow as Directional
  • BiDirectional - Sets the type of Association flow as BiDirectional
  • @default ‘Default’

flow

BpmnFlows

Sets the type of the Bpmn flows

  • Sequence - Sets the type of the Bpmn Flow as Sequence
  • Association - Sets the type of the Bpmn Flow as Association
  • Message - Sets the type of the Bpmn Flow as Message

Defaults to ‘Sequence’

message

BpmnMessageFlows

<div id='diagram'></div>
let nodes: NodeModel[] = [
{
  id: 'node1', width: 60, height: 60, offsetX: 75, offsetY: 90,
  shape: { type: 'Bpmn', shape: 'Event', event: { event: 'Start', trigger: 'Message' } },
    },
{
  id: 'node2', width: 75, height: 70, offsetX: 210, offsetY: 90,
  shape: { type: 'Bpmn', shape: 'Gateway', gateway: { type: 'None' } },
 }];
let connectors: ConnectorModel[] = [{
  id: 'connector', type: 'Straight', sourceID: 'node1', targetID: 'node2',
  shape: { type: 'Bpmn', flow: 'Message', message: 'InitiatingMessage' } as BpmnFlowModel
 },];
let diagram: Diagram = new Diagram({
...
nodes: nodes, connectors: connectors
...
});
diagram.appendTo('#diagram');

Defaults to ‘Default’

sequence

BpmnSequenceFlows

Sets the type of the Bpmn Sequence flows

  • Default - Sets the type of the sequence flow as Default
  • Normal - Sets the type of the sequence flow as Normal
  • Conditional - Sets the type of the sequence flow as Conditional

Defaults to ‘Normal’

type

ConnectionShapes

Defines the application specific type of connector

  • Bpmn - Sets the type of the connection shape as Bpmn

Defaults to ‘None’