Skip to main content

Release 7.1.0

· 2 min read

New Functionality​

  • New Overlay option visibility added: use "hover" to specify that some overlay should only be visible when the mouse is hovering over the edge.

Specifying an overlay that should only appear on hover - JsPlumb - When you've reached the limit with ReactFlow, we can help!

Specifying an overlay that should only appear on hover - JsPlumb - JavaScript and Typescript diagramming library that fuels exceptional UIs

  • Edge definitions in a view now support an optional deleteButton parameter, which instructs JsPlumb to show a delete button overlay on edges of that type that are rendered. You can also provide a deleteConfirm function, which JsPlumb will invoke whenever the user presses a delete button instead of the default behaviour of deleting the edge immediately.

Specifying an overlay that should only appear on hover - JsPlumb, flowcharts, chatbots, bar charts, decision trees, mindmaps, org charts, gantt charts and more

  • Edge definitions support a deleteButtonLocation optional parameter, which you can use to specify the location of one or more delete buttons on your edges.

As with everything in JsPlumb land, delete buttons can be easily styled via CSS. This is the default hover look and feel, for example, but you can easily change it by targeting the class .jtk-edge-delete:

Specifying an overlay that should only appear on hover - JsPlumb, leading alternative to GoJS, JointJS and ReactFlow

Updates​

  • We identified an opportunity to introduce a performance enhancement, particularly when ingesting large datasets. 7.1.0 can ingest large datasets significantly more quickly than either 7.0.0 or the 6.x versions.

  • In 7.1.0 we have reinstated switching on hover events by default. This functionality allows you to map mouseover/mouseout events to edges, and we disabled several versions when it was thought to be a performance hit, particularly in our Angular integration. We've since tracked those performance issues to being related to Angular's zone js (and fixed them!), and so we're reinstating hover events.

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.