How to put label in a custom element

Isa_Thais · April 2, 2019, 1:05pm

I’m using the bpmnJS library to create a supervisor, I can customize the menu with the elements I want using the example https://github.com/bpmn-io/bpmn-js-example-custom-shapes. as the picture shows:

I’m not able to put the element label when I render it on the screen. How can you help me?

Niklas_Kiefer · April 2, 2019, 1:36pm

Hi @Isa_Thais,

Can you please ask your question in English again? That’s the official language here in this forum. Not everyone will understand Portuguese.

tim-kilian · April 2, 2019, 8:15pm

I advice you to have a look at the diagram-js-direct-editing module to create labels. You can then use the TextRenderer like in the following snipped or use the diagram-js Text utils and add it to the canvas yourself.

github.com

bpmn-io/bpmn-js/blob/1ae80a99902f7e2f8f1fc74d9b9d6b52a14422cb/lib/draw/BpmnRenderer.js#L449-L455


var text = textRenderer.createText(label || '', options);


svgClasses(text).add('djs-label');


svgAppend(parentGfx, text);


return text;