Add a label on a custom element

[Ben_Gallienne]

Hi all,

We’re working on an implementation of a tool that uses bpmnjs at the moment, and have our custom elements rendering on the page. I’d like to be able to add labels to our custom elements in the same way you can with other elements, so that they are meaningful in the diagram. I have seen the topic here;

Add label to custom elements

Hi everyone, I’m currently working on a custom modeler based on the camunda-modeler and I need to add a label to one of my custom element. It should act just like a task’s label. [Pizza%20topping] The orange-ish element is my custom element and I need to add a label to it just like the task I was editing in this presentation. Any hints ?

but there is limited information on how this is actually achieved. Do we have to implement a completely custom LabelEditingProvider, or is there a way to just add our custom element type to the list of types that can be labelled?

Any help would be much appreciated!

Thanks

[barmac]

Hi Ben,

indeed, to achieve your goal you should implement LabelEditingProvider. There is currently no API to add elements allowed to be labelled.

Best,

Maciej

[Ben_Gallienne]

Hi Maciej,

That’s great, thanks for the info. Do you know if there are any good examples I can reference for adding a LabelEditingProvider please?

Thanks,

Ben

[philippfromme]

The bpmn-js LabelEditingProvider is a good example.