DiagramConnectorShape

23 Sep 20252 minutes to read

Connector shape for blazor

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’

associationType AssociationFlow

Defines the association direction

Defaults to ‘Directional’

bpmnFlow 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’

exceptionFlowHeight number

Defines the height of the exception flow.

Defaults to ‘50’

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');

multiplicity ClassifierMultiplicityModel

Defines the type of the Classifier Multiplicity

Defaults to ’’

relationship ClassifierShape

Defines the association direction

Defaults to ‘Aggregation’

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’

umlActivityFlow UmlActivityFlows

Defines the type of the UMLActivity flows
Object - Sets the type of the UMLActivity Flow as Object
Control - Sets the type of the UMLActivity Flow as Control
Exception - Sets the type of the UMLActivity Flow as Exception

Defaults to ‘Object’