How to add a button to move it to the left-top position like the dome( zoom reset button),

Users
1

If I want to add a button to move it to the left-top position like the dome( zoom reset button), how to achieve it, which method should I use and how to use it?
And do you have the API of the dome on bpmn.io to teach me how to achieve the button of the dome?
Thanks a lot!

2

I know how to do, thanks!

3

Hey man, i’m on a similar situation, how did you solve this?

thanks.

4
5

The detailed solution is already posted. Pls read thru the thread

<
https://ci6.googleusercontent.com/proxy/fBkWWGGbOgXB5mxuQFTOxGfi-a278HiYBzv0H8SfuDNJkDAtbkC3fcHS3veeLGckHfh-y0itu4A_Zh_rPyBcHYuT_8KCRJa8kaChfI1YFNo_iWkC6DwA21U=s0-d-e1-ft#https://forum.bpmn.io/letter_avatar_proxy/v2/letter/m/edb3f5/45.png>
Micheal
July 28
<
https://ci3.googleusercontent.com/proxy/HrRrc4HuMHF7ZR1AVfQarb6s2d1zB-gmIbBhbB0Fn0P61D4_Y0XIxmB1na6B9NgiB1LkhVjvgJ85CXMLACmA7t9qiGjEG4Nl7oqUOF4fTSnLzMlFlDqMhik=s0-d-e1-ft#https://forum.bpmn.io/letter_avatar_proxy/v2/letter/s/f17d59/40.png>Move
Diagram to (0,0) Position

Pls do these changes - In node_modules/diagram-js/lib/core/Canvas.js
//Reset Canvas Canvas.prototype.resetCanvas = function (){
this.changeViewbox(function() {
setCTM(this.viewport.node,{a:“1”,b:“0”,c:“0”,d:“1”,e:“0”,f:“0”}); }); } In
node_modules/bpmn-js/lib/Viewer.js Viewer.prototype.resetCanvas =
function() { var canvas = this.get(‘canvas’); canvas.resetCanvas(); } In
app.js /* Reset Canvas Scroll */ function resetCanvas(){
bpmnModeler.resetCanvas(); } //In $(docume…

Visit Topic or reply to this email to respond.

In Reply To

<
https://ci4.googleusercontent.com/proxy/iZRfgeueYGIK7dH3-selAhRi1Oiexwnq9TKoBWgaGyb-TKQNTCQLRMl_LvDjs74A3fmWuODY9P1bmnW2-WQDVBU9GvfiZhRvaUQKWhZHQtSaUDjqJ5sg3544n9UI=s0-d-e1-ft#https://forum.bpmn.io/user_avatar/forum.bpmn.io/batusai513/45/211_1.png>
batusai513