Skip to main content

Release 7.2.0

· 2 min read

Callflow Builder starter app​

We've added a Callflow Builder starter app, with Angular and React versions:

Callflow Builder app - JsPlumb, build diagrams and rich visual UIs fast

Check it out here.

Updates​

  • We implemented a new default paint mechanism for Bezier where the curviness is reduced as the elements get closer together, because the control point is specified as a fraction of the distance between the two anchors. This results in a curve that doesn't spike past the anchor points and generally has a nicer aesthetic. See Breaking section if you want the old way.

  • Connectors and Endpoints now use an SVG g element as their container when useSvgContainer is set on the surface options.

  • Updated the Inspector to track programmatic updates in items it is inspecting, and to update its UI when a matching update is found.

  • Added an InspectorComponent to the Angular integration, making it easier to add an Inspector to your Angular apps.

  • The selector prop on the React PaletteComponent is now optional, defaulting to "[data-jtk-type]"

  • The selector prop on the Angular jsplumb-drag-drop directive is now optional, defaulting to "[data-jtk-type]"

  • The selector param on DropManager and SurfaceDropManager is now optional, defaulting to "[data-jtk-type]"

  • Inspectors now support the RANGE input type.

  • The React InspectorComponent now supports an optional afterUpdate callback prop. This is invoked after the underlying inspector has run an update.

  • The onEdit callback of the DrawingToolsPlugin now passes the Surface and Toolkit to the callback function.

  • We've ported our Gantt starter to React

Start a free trial

Interested in the concepts discussed in this article? JsPlumb is now in maintenance mode, but the good news is that we've released a bigger and better library - VisuallyJs. If you can do it in JsPlumb you can do it more easily in VisuallyJs.

To read more about VisuallyJs, check out the home page, or if you want to get started on a trial right now, head over to the trial page at https://visuallyjs.com/trial

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.