New task type extending service task

Developers Modeler
1

Hi team,
The goal of my thesis work is to extend the BPMN with IoT elements, according to your example on the data model extension. The IoT task is an extension of the Service Task. I extended the Palette according to the example Custom Controls. how do I draw the shape of my Iot task when I click on Palette? I also modified the PathMap.js,BaseRenderer and created a CustomRenderer to call the drawShape function but the debug indicates error “unknown type bpmn:IoTTask” in registry.js
How do I proceed?
best regards

2

Hi @Lory76,

did you see our full custom element example ? It also shows how to extend the Model and adding your custom shapes to the palette.

Additionally, I’m very interested in your thesis if it belongs to our modeling libraries, that’s very cool! Do you mind to share when it’s finished?

3

yes I’ve seen it, but the custom rendering creates a rectangle with different color with a basic instruction:

const rect = drawRect(parentNode, 100, 80, TASK_BORDER_RADIUS, ‘#52B415’);

instead, I would like to use a new image for the task (similar to the User task or Manual, etc.) … what steps should I follow?
I created the icon svg, I transformed it with fontello and I got the path that I inserted in the PathMap.js, but how do I call it from the custom renderer? unfortunately I’m blocked and I can’t progress on

4

Check out how we render our existing elements in the BpmnRenderer.

5

Thanks for your support…I have been able to draw a task with a new icon (not standard) in custom rendering ( the new icon will represent the IoT Task for me). now I will proceed with the extension of the data model. I hope I’m on the right path…suggestions are welcome