# \[ANNOUNCE\] node-red-contrib-ui-svg: 2.1.0 beta

**URL:** https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-1-0-beta/35093
**Category:** Share Your Nodes
**Created:** [30 October 2020 23:42 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-1-0-beta/35093 "2020-10-30T23:42:25Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)
#### Post date: [30 October 2020 23:42 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-1-0-beta/35093/1 "2020-10-30T23:42:25Z")

</div>

Hi folks,

Feature requests keep arriving for the SVG node, so time for a new _ **2.1.0** _ beta.  
For anybody who wants to test it, it can be installed directly from Github (from within your .node-red folder):

```auto
npm install bartbutenaers/node-red-contrib-ui-svg

```

This version contains following changes:

- Fixed a bug with _"freeze"_ of animation end for @JoseGodinho.

- Fixed a [series](https://discourse.nodered.org/t/ui-svg-graphics-no-event-object-for-touch-events/34130) of touch event bugs for @janosch.

- [Ability](https://github.com/bartbutenaers/node-red-contrib-ui-svg#set-entire-svg-via-msg) to _ **replace the entire SVG** _ drawing by a new SVG from scratch via an input message.

- [Ability](https://github.com/bartbutenaers/node-red-contrib-ui-svg#js-tab-sheet) to specify _ **Javascript event handlers** _, which are executed in the dashboard directly:

As always all _"constructive"_ feedback is very welcome!

Have fun with it!  
Bart

---

<div class="post-metadata">

### Author: ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)
#### Post date: [26 November 2020 21:39 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-1-0-beta/35093/2 "2020-11-26T21:39:54Z")

</div>

Luckily some folks on Github have been doing some test work, which allowed me to fix some bugs meanwhile. And based on the feedback I have also added the following stuff:

- The setting _**" Send output msg when the client is (re)loaded"**_ triggers an output message when the browser (re)loads the widget, so the flow can determine to trigger some logic e.g. to preload the SVG with some startup data.

- The setting _ **" Show browser events on the server"** _ displays events in the Debug sidebar, as soon as they occur in the Dashboard:

- The setting _ **" Enable JS event debugging"** _ will cause the browser debugger to pause just before the custom JS event handler is being executed.

- A new wiki [page](https://github.com/bartbutenaers/node-red-contrib-ui-svg/wiki/Troubleshooting-JS-event-handlers) has been added about troubleshooting issues with custom JS event handlers, like e.g. how to debug such event handlers.

This new _ **2.1.0** _ version is now available on npm 🍾 🥂 🥳

![image|2.82x118](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/f/7f0b402e2eb4195e3bc84ffcc9f7757e5fe466a1.png)

Had hoped to add some more extra functionalities, but the daily job is getting in the way of my Node-RED developments at the moment 🙄

---

<div class="post-metadata">

### Author: ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)
#### Post date: [28 November 2020 21:12 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-1-0-beta/35093/3 "2020-11-28T21:12:33Z")

</div>

Seemed that a nasty bug was introduced in this new version: the `elementId` and `selector` fields were not being included anymore in the output message. For anybody experiencing problems with it, the _ **2.1.1** _ version fixes this:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/2/02f1596111c21c66cbb4944a28b3aba338c87728.png)

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [29 December 2020 23:42 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-2-1-0-beta/35093/4 "2020-12-29T23:42:28Z")

</div>

This topic was automatically closed after 60 days. New replies are no longer allowed.
