Bpmn-js plugin in camunda modeler

Developers Modeler
1

I am new to bpmn, camunda and I am looking to create a custom element which represents milestones in bpmn camunda modeler such that:

  1. it is draggable to the camunda modeler as in this example: https://github.com/bpmn-io/bpmn-js-example-custom-elements on to the modeler. I prefer to create a completely un-related custom element to any existing elements.

When I try to add this example to the camunda modeler as a plugin, I don’t see it loading. Is it possible to use this as a plugin for camunda modeler at all? Just a confirmation of whether the approach is right or not would help as well.
Btw, I have added the index.js file which loads the bundled file as the script and included the plugin directory under ~/Library/Application Support on macOS/camunda-modeler/plugins.

2

Hey,

The example you provided is not a plugin but a demo web app, that’s why putting it under the plugins folder would not work.

Writing such plugins for Camunda Modeler is possible though! This repository would be a good place to start for you: https://github.com/camunda/camunda-modeler-plugins

Good luck!

3

Thanks @oguzeroglu. That helps. Is it possible to add custom models using a Camunda Modeler plugin as in the example you provided: https://github.com/camunda/camunda-modeler-plugins/tree/master/bpmn-js-plugin-moddle-extension-example

Is this comment outdated then?: Handle several element-templates

4

Hey,

Element templates are something else. They are about the implementation of certain BPMN elements such as Service Tasks, but not about the custom elements.

You can come up with custom elements yourself. The most famous example is the Nyan Cat example, check that out: https://github.com/bpmn-io/bpmn-js-nyan