Skip to content

Latest commit

 

History

History
30 lines (25 loc) · 978 Bytes

File metadata and controls

30 lines (25 loc) · 978 Bytes

Add stylized overlays on BPMN elements

Javascript example to demonstrate how to add stylized overlay on BPMN elements.

♻️ Usage

First, create a BpmnVisualization instance (named bpmnVisualization) prior being able to add stylized overlays to BPMN elements.

Add stylized overlay on BPMN element

    const overlayConfig = {
      style: {
        font: {
          color: '#ffaacc',
          size: 12,
        },
        fill: {
          color: '#ffaacc',
        },
        stroke: {
          color: '#ffaacc',
        }
      }
    };
    const overlay = { position: 'top-left', label: '456', ...overlayConfig };
    bpmnVisualization.bpmnElementsRegistry.addOverlays('exclusive_gateway_id', overlay);