How to customize and selectively disable the edit tools on bpmn modeller diagram

Developers
1

Hi

I am using camunda bpmn js to load the bpmn diagram on to our website and adding some customizations to it like coloring and a tooltip on mouse hover.
image

Things are running fine, but I want to get rid of all the worflow editing toottip options other than zooming and panning…

How can it be done?

2

Hi @rahulranjan, welcome!

What component are you referring to? The palette

image
image264×1340 7.9 KB

or the context pad?

image

Both can be disabled by simply overriding the modules.

const modeler = new Modeler({
  container,
  keyboard: {
    bindTo: document
  },
  additionalModules: [
    {
      contextPad: ["value", {}],
      contextPadProvider: ["value", {}],
      palette: ["value", {}],
      paletteProvider: ["value", {}]
    }
  ]
});
3

If you only want to update the entries inside these components, you will have to create your own context pad / palette provider. You can have a look at this example.