How to add zoom in, zoom out and keyboard shortcut keys to angular bpmn example?

Developers
2

Hi @Chandishwar,

as you mentioned correctly, these functionalities are not activated in the example. We considered adding some per default but followed up in just adding some documentation link in the README (cf. https://github.com/bpmn-io/bpmn-js-example-angular/commit/e41e74debc31c9438fe7916cd5cd5faa556fcd34).

To answer your question: You can simply add the keyboard bindings to your Modeler


import * as BpmnJS from 'bpmn-js/dist/bpmn-modeler.production.min.js';

var bpmnJS = new BpmnJS({
    keyboard: { bindTo: document }
});

By using the Modeler also the Resize and Zoom modules will be available in the editor.

1 Like