How to set options for autoScroll of canvas?

Developers General
1

Hi, anyone knows how to set options for autoScroll of canvas?
The code may looks like this:

const autoScroll = this.modeler.get("autoScroll");
autoScroll.setOptions(options);

The reason I ask this is I want to disable the LEFT autoScroll of canvas when an element is being dragged to the left edge of the canvas.

Thanks.

2

There is no such functionality. You’d have to override AutoScroll with your custom auto scroll.

3

Thank you for your quick reply.

Where could I find an example on how to override AutoScroll?

4

There’s no such example.

In general, overriding auto scroll works like overriding any other module:

const modeler = new Modeler({
  //...
  additionalModules: [
    {
      __depends__: [ DraggingModule ],
      __init__: [ 'autoScroll' ],
      autoScroll: [ 'type', MyCustomAutoScroll ]
    }
  ]
});

Make sure to use the same name autoScroll to override the existing module with the same name.

5

That is great! Thank you for your help!

6

If I just want to disable the autoScroll of canvas, is there an easy way to do it?

7

Change the module to

{
  autoScroll: [ 'value', null ]
}

to disable the module. Works with any module. :wink:

8

Perfect! Thank you so much for your help!