Skip to main content

Release 6.17.0

· 2 min read
Simon Porritt
Simon Porritt
JsPlumb core team

Release 6.17.0 contains a few nice updates to the miniview component:

Zoom to canvas location​

In the images below keep your eye on the mouse pointer over the miniview - when it is stationary, we are performing a wheel zoom. From 6.17.0 onwards the surface is zoomed in/out at the same point as the miniview:

miniview adjusts surface transform origin when zooming - JsPlumb, flowcharts, chatbots, bar charts, decision trees, mindmaps, org charts, gantt charts and more

Click to center nodes/groups​

You can now click a node/group in a miniview and JsPlumb will scroll the related node/group in the surface to the center of the viewport - in the gif below, our user is clicking on individual elements in the miniview with the mouse (it also works with touch devices of course) :

click node/group in miniview to center it - JsPlumb, industry standard diagramming and rich visual UI Javascript library

This behaviour can be controlled via the clickToCenter flag in your miniview options. See below for a link to the miniview docs.

Tracking dragged elements​

A further nice update in 6.17.0 is that the miniview now actively updates the view as nodes/groups are dragged in the related surface - watch the miniview in the image below:

miniview updates dragged elements as they are dragged - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

This behaviour can be controlled via the activeTracking flag in your miniview options. See below for a link to the miniview docs.

Further reading​

Start a free trial

Sending your evaluation request...

Interested in the concepts discussed in this article? Start a free trial and see how JsPlumb can help bring your ideas to market in record time.

Get in touch!​

If you'd like to discuss any of the ideas/concepts in this article we'd love to hear from you - drop us a line at hello@jsplumbtoolkit.com.