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


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.

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?

Hi @rahulranjan, welcome!

What component are you referring to? The palette

or the context pad?


Both can be disabled by simply overriding the modules.

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

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.