Howdy Forum, I am trying to add a color picker in Modeler with which it can be used to color all the elements in a Swimlane. Example: [BPMN-Modeler] Color Picker Reference: [color-picker] Please let me know if anyone has been able to figured out a way to achieve it. Thanks!

Did you check out this extension? GitHub - bpmn-io/bpmn-js-color-picker: A simple color picker for your BPMN elements. It showcases very nicely how to add such a color picker as a bpmn-js extension.

bpmn.io Forum

BPMN Color Picker

Developers

philippfromme April 15, 2024, 7:58am 6

BPMN Color Picker config Modeler

Passing configuration when creating bpmn-js instance is an underdocumented feature. When you create it, you can pass any configuration property you want (e.g. foobar will be available as config.foobar). To configure the colors, do: import BpmnModeler from 'bpmn-js/lib/Modeler'; import BpmnColorPickerModule from 'bpmn-js-color-picker'; const modeler = new BpmnModeler({ additionalModules: [ BpmnColorPickerModule ], colorPicker: [{ label: 'Fuchsia', fill: 'white', stroke: '…

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled