Flow Editor zoom in / zoom out

[yeze322]

In Flow Edtior, the canvas could be zoomed in / zoomed out by either keyboard shortcuts or a minimap.

1. Use Ctrl + Mouse wheel to zoom in / zoom out;
2. Use Mouse Right Click + drag to move the focus area.

[yeze322]

@sangwoohaan @DesignPolice guys do you think my solution is okay? Or do we have a UX design for

• What's the expected behavior to control the zoom of the action canvas?
• When it's zoomed in, shall we provide a way to move the focus window to a different area? (mouse drag or minimap?)

[sangwoohaan]

I don't think we are ready to move forward with this feature yet.

[bradrlaw]

@sangwoohaan The approach in ML Studio may be a viable option since they are both tackling the same key issue of navigating around a flow. They also put in buttons for quick resizing and you can move around the mini-map as well:

Another simple option could be using the design we have in viso, powerpoint, etc... Leave the area scrollable as it is now but have a slider or a popup for the zoom:

Code / Teams seem to differ a bit in behavior. They both support ctrl +/-, but only teams supports ctrl + scroll wheel.

[mareekuh]

@yeze322 please work with Vivek on this.
@vivekkshankar Please connect with Thad if there are any updates to what is currently in PVA. If not, enable the following (functionality & look and feel)