Embedded zoom in/out buttons?

[paregupt]

First of all, the plugin works great for me. I want to take to the next level to make large complex tree-like diagram. I am wondering if it is possible to have an embedded zoom in/out button? Essentially, I want to show a high-level view by default but when required, drill down to the lowest level. This would be similar to + and - available on maps (including the maps plugin in grafana). Any guidance is much appreciated. Thanks.

[algenty]

Hi paregupt,
thanks for your comment, it's a pleasure.
i have a similar idea with notions of children and parents graph where parent takes state of children.
It's in the roadmap. For the zoom buttons, it's a good idea
You can also use group in draw.io (advanced) but not work at tis this : bug on values

Bg
Arnaud

PS : You can use link to change dashdoard too (from version 0.3.0)
https://algenty.github.io/flowcharting-repository/ARCHIVES.html

[paregupt]

Thank for your quick response. If it helps to prioritize the zoom in/out buttons, here is the use-case: I am monitoring a large campus network. Devices are at core, distribution and edge. By default, we just want to show core when everything is working fine. When health degrades, we want to give option to the user to zoom in all the way to an edge device (think of multi-layer tree, with root, children and leaf).

Questions:

1. Is zoom in/out button functionality of this plugin or does it need to be enhanced in draw.io?
2. The expand/collapse functionality of draw.io would have worked too for the above use-case but as per draw.io, the capability does not work with XML format. Any thoughts/workarounds?

Thanks again.

[algenty]

1. Zoom is already implemented in draw.io, just need implement it in plugin
2. Its a bug in my plugin, when i fix it, i'll make an example demo
   see demo on draw.io https://desk.draw.io/support/solutions/articles/16000042489-how-to-enable-disable-collapse-expand-

sorry for my powerless english

[paregupt]

I will wait for the enhancements. Thank you for making a very powerful plugin.

[algenty]

Hi,
Try last version, first version with zoom
https://algenty.github.io/flowcharting-repository/CHANGELOG.html

[paregupt]

Tried and tested. Works great. Thanks for the enhancement.

[Seana36]

@paregupt , How did you get version 0.4.0 to download to your grafana instance? I am still only seeing 0.3.0 as latest version.

[paregupt]

Here: https://github.com/algenty/flowcharting-repository/tree/master/archives

[algenty]

Hi,
Wait a little, i work on version where you can zoom on the mouse pointer (Ctrl + mouse) instead center. (Esc to reset)
See demo below, it's work but i must clean code to delete debug trace.

oom on pointer, see demo

[algenty]

Hi,
New snapshot available with zoom on pointer or zoom on shape with double click

[algenty]

Hi @paregupt, Hi @Seana36,
You can see the result at
https://twitter.com/gf_flowcharting/status/1158788115567403008

[algenty]

Thx for your "like" on twit @paregupt 👍

[paregupt]

@algenty
I am unable to unzip the latest 0.4.0 snapshot. It worked for me when I downloaded it last time. Can you please check?

[bijwaard]

Hi Arnaud,
Double click zoom on icons works in August 8 version 0.40, cntrl+mouse has weird behavior in Firefox. In Firefox this key/mouse combination is already used for scaling the whole web-page, this no longer works for the page and instead all icons disappear (see screenshot below) in the flow-chart panel. Before the update, the panel resized with the rest of the webpage, keyboard shortcuts cntrl + '+' and cntrl + '-' still work.

Just tried in chromium-browser, and there cntrl+mouse works fine to zoom in/out the flow-charting panel as well as on the whole page when doing this somewhere else on the webpage. In chromium, right mouse drag does not seem to work very well, it displays a pop-up menu instead, pressing left button as well does enable dragging the figure around. The right-mouse button dragging does work in Firefox while displaying the pop-up menu. Left button drag would be more natural and won't display any menu, it currently tries to select text.

Btw. a refresh (e.g. every 5 seconds) resets the zoom level and panning immediately.

Kind regards,
Dennis

[algenty]

Hi, I'll try to find a solution