# Control via Messages in UI-SVG

**URL:** https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654
**Category:** Dashboard
**Created:** [18 September 2019 09:09 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654 "2019-09-18T09:09:41Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![ChrisO](https://avatars.discourse-cdn.com/v4/letter/c/dec6dc/32.png) [@ChrisO](https://discourse.nodered.org/u/ChrisO)
#### Post date: [18 September 2019 09:09 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654/1 "2019-09-18T09:09:41Z")

</div>

Hi all  
Trying to follow the examples given in the readme here

> **[bartbutenaers/node-red-contrib-ui-svg](https://github.com/bartbutenaers/node-red-contrib-ui-svg/tree/dev)**
>
> A Node-RED widget node to show interactive SVG (vector graphics) in the dashboard - bartbutenaers/node-red-contrib-ui-svg

Assuming that I have correctly installed the dev branch - used:  
npm install bartbutenaers/node-red-contrib-ui-svg#dev

got node-red-contrib-ui-svg@1.0.0

The clickable shapes works.

The control via messages doesn't work for me  
Updating element attributes  
Start/stop animations

If I copy the flows given in the readme, and replace my flows, the control messages still aren't working.  
Does the Readme relate to the code in the Master branch?  
As it appears to be the same in both master and dev, but the screen shots differ to what I see

I'm assuming I'm missing something simple, but no idea what, apart from experience with this node

---

<div class="post-metadata">

### Author: ![ukmoose](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukmoose/32/13_2.png) [@ukmoose](https://discourse.nodered.org/u/ukmoose)
#### Post date: [18 September 2019 09:19 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654/2 "2019-09-18T09:19:29Z")

</div>

The link from the nodes readme takes you to [Announce node-red-contrib-ui-svg : feedback request](https://discourse.nodered.org/t/announce-node-red-contrib-ui-svg-feedback-request/14431)

---

<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: [18 September 2019 09:24 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654/3 "2019-09-18T09:24:09Z")

</div>

> [@ChrisO](#):
>
> If I copy the flows given in the readme, and replace my flows, the control messages still aren't working.  
> Does the Readme relate to the code in the Master branch?

Hi Chris,  
the DEV branch is a complete redesign of our first beta. But we didn't have time yet to update the readme file, so the readme file explains how it worked in the previous beta version.

Should have more spare time, but that is the way it is ...

Bart

---

<div class="post-metadata">

### Author: ![ChrisO](https://avatars.discourse-cdn.com/v4/letter/c/dec6dc/32.png) [@ChrisO](https://discourse.nodered.org/u/ChrisO)
#### Post date: [18 September 2019 09:26 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654/4 "2019-09-18T09:26:50Z")

</div>

No worries  
Thought that may have been the case.  
Some bits I've worked out.

I'll keep playing with it.  
Any tips on the control messages?

---

<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: [18 September 2019 09:35 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654/5 "2019-09-18T09:35:35Z")

</div>

I'm not at home now, so I can't verify. But if I'm not mistaken this is already explained in the node's **Info panel** (data binding section)?

---

<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: [18 September 2019 09:39 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654/6 "2019-09-18T09:39:20Z")

</div>

And here is a nice screenshot from my partner in crime (@Steve-Mcl), which might help you:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/c/c5acb4c76ac588ac0a3116155c738d1ed775f59c.png)

---

<div class="post-metadata">

### Author: ![ChrisO](https://avatars.discourse-cdn.com/v4/letter/c/dec6dc/32.png) [@ChrisO](https://discourse.nodered.org/u/ChrisO)
#### Post date: [18 September 2019 09:39 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654/7 "2019-09-18T09:39:55Z")

</div>

Thank You

---

<div class="post-metadata">

### Author: ![ChrisO](https://avatars.discourse-cdn.com/v4/letter/c/dec6dc/32.png) [@ChrisO](https://discourse.nodered.org/u/ChrisO)
#### Post date: [18 September 2019 09:57 UTC](https://discourse.nodered.org/t/control-via-messages-in-ui-svg/15654/8 "2019-09-18T09:57:57Z")

</div>

Got them both working.  
Thank You
