# \[ANNOUNCE\] node-red-contrib-ui-multistate-switch: version 1.1.0

**URL:** https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034
**Category:** Share Your Nodes
**Created:** [4 March 2021 16:52 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034 "2021-03-04T16:52:25Z")
**Posts on this page:** 20
**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: [4 March 2021 16:52 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/1 "2021-03-04T16:52:25Z")

</div>

Hi folks,

Mister @hotNipi and myself are proud to announce that version **1.1.0** of our multipart switch node is available in the palette:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/5/f59ac32aa0bfde619f67840ca5b62e648066c612.png)

Lots of things have been fixed, and lots of new functionality has been added.  
See our [readme](https://github.com/bartbutenaers/node-red-contrib-ui-multistate-switch/blob/main/README.md) page for more information.

Have fun with it!

---

<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: [4 March 2021 16:53 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/2 "2021-03-04T16:53:08Z")

</div>

P.S. I won't be able to develop in the next month or two, so please give my partner a break from time to time 😉.  
Enjoy Node-RED meanwhile!!!

---

<div class="post-metadata">

### Author: ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)
#### Post date: [4 March 2021 18:14 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/3 "2021-03-04T18:14:29Z")

</div>

Thanks, both of you! Very useful new widget.

Get well soon, Bart! 🙂

---

<div class="post-metadata">

### Author: ![luotope](https://avatars.discourse-cdn.com/v4/letter/l/278dde/32.png) [@luotope](https://discourse.nodered.org/u/luotope)
#### Post date: [6 March 2021 13:09 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/4 "2021-03-06T13:09:39Z")

</div>

Thanks to both. This is nice.  
But I have a question: if I use inject node to change the state, it does change the state in ui, but do not send anything through to debug node from it’s output. Only if I change the state by clicking the control directly the debug node shows the new state. Am I doing something wrong?

---

<div class="post-metadata">

### Author: ![IanH](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ianh/32/95002_2.png) [@IanH](https://discourse.nodered.org/u/IanH)
#### Post date: [7 March 2021 11:29 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/5 "2021-03-07T11:29:18Z")

</div>

Excellent Bart and co. Now I can have that On Off Auto control. Thanks

---

<div class="post-metadata">

### Author: ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [7 March 2021 15:17 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/6 "2021-03-07T15:17:08Z")

</div>

> [@luotope](#):
>
> but do not send anything through to debug

Yes, the developers are aware, and that feature will be added in the future.  
There is a ongoing discussion about how it will be implemented, but no decision has been made yet.

---

<div class="post-metadata">

### Author: ![taisau](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/taisau/32/4605_2.png) [@taisau](https://discourse.nodered.org/u/taisau)
#### Post date: [10 March 2021 17:52 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/7 "2021-03-10T17:52:35Z")

</div>

This is a great addition for my dashboard, Thanks.  
I'd like to change the color or hide the border and have tried a CSS template using .multistate-switch-wrapper without luck:

```auto
<style>
    .multistate-switch-wrapper{
        border:0px;
}
</style>

```

Am I on the right track?

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [10 March 2021 18:01 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/8 "2021-03-10T18:01:00Z")

</div>

To hide the border:

```auto
.multistate-switch-wrapper {
    border: none;
}

```

---

<div class="post-metadata">

### Author: ![taisau](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/taisau/32/4605_2.png) [@taisau](https://discourse.nodered.org/u/taisau)
#### Post date: [10 March 2021 18:03 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/9 "2021-03-10T18:03:38Z")

</div>

> [@hotNipi](#):
>
> `none`

Darn, it did not hide. Tried border:0 too. I'm using the "widget in group" option.

```auto
<style>
    .multistate-switch-wrapper{
        border:none;
        border-radius:100%;
        }
</style>

```

![Screenshot from 2021-03-10 10-55-43](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/6/9609ec90ef0455b0234be3be2e32a37ebe92571b.png)

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [10 March 2021 19:38 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/10 "2021-03-10T19:38:59Z")

</div>

You'r right. It takes a bit brutal force 🙂

```auto
.multistate-switch-wrapper {
    border: none !important;
}

```

If you use widget in group, then the rule is not applied for another tab (if you are using the widget on multiple tabs). So you know if that happen.

---

<div class="post-metadata">

### Author: ![taisau](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/taisau/32/4605_2.png) [@taisau](https://discourse.nodered.org/u/taisau)
#### Post date: [10 March 2021 20:11 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/11 "2021-03-10T20:11:52Z")

</div>

> [@hotNipi](#):
>
> `border: none !important;`

That did it. So useful! I'll just append !important; for anything not going my way.

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [10 March 2021 20:20 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/12 "2021-03-10T20:20:26Z")

</div>

> [@taisau](#):
>
> I'll just append !important; for anything not going my way.

This is fine if you are end-user.  
If you create something for wide use, and you find yourself to be forced to use the !important flag, it just shows that something went wrong. Back to drawing board ...

---

<div class="post-metadata">

### Author: ![ebolisa](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ebolisa/32/89203_2.png) [@ebolisa](https://discourse.nodered.org/u/ebolisa)
#### Post date: [11 March 2021 18:40 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/13 "2021-03-11T18:40:07Z")

</div>

Hi, where does that code go? In one of the .js files?

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [11 March 2021 19:18 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/14 "2021-03-11T19:18:06Z")

</div>

It is used as dashboard styles override. Here's how to do it: [🖌 Customize dashboard CSS](https://discourse.nodered.org/t/customize-dashboard-css/23139)

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [11 March 2021 19:55 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/15 "2021-03-11T19:55:26Z")

</div>

The border around the buttons makes the "switch-like" look for widget. But technically it is nav-bar or menu. So it is highly possible to get much better results if to use dedicated components

> [@Feature Request - Off - Auto - On Toggle](https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837/20):
>
> There is also md-nav-bar which is by nature the correct thing to be base of the this thing here. [{"id":"778d7358.63fecc","type":"ui\_template","z":"a05ff4cd.1ae7e8","group":"19f5ed07.08a453","name":"nav-bar","order":12,"width":0,"height":0,"format":"\<style\>\n.\_md-nav-bar-list {\n flex-direction: row;\n justify-content: flex-start;\n}\nli.md-nav-item {\n width: 100%;\n}\n.md-nav-item:first-of-type {\n margin-left: 0px; \n}\nmd-nav-bar \> div \> nav \> ul \> li \> button{\n width:98%;\n…

---

<div class="post-metadata">

### Author: ![Hypnos](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hypnos/32/7566_2.png) [@Hypnos](https://discourse.nodered.org/u/Hypnos)
#### Post date: [16 March 2021 14:08 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/16 "2021-03-16T14:08:39Z")

</div>

Hi,

Thank you, this is a great node.

Perhaps as a wish for the next version: I miss the opportunity to influence the topic of the outgoing message. My use case is that I transfer the value as a payload and use the Topic to determine the source for a value. Of course I can do this with an additional change node after the node, but it would be nice to be able to influence this in the node itself as the other UI nodes have such a possibility.

Thanks!

---

<div class="post-metadata">

### Author: ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [16 March 2021 15:19 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/17 "2021-03-16T15:19:17Z")

</div>

> [@Hypnos](#):
>
> Perhaps as a wish for the next version

Could you create an issue in the node's repo pls.  
The node author is taking a well earned short break, and your suggestion may otherwise get missed.

> **[Issues · bartbutenaers/node-red-contrib-ui-multistate-switch](https://github.com/bartbutenaers/node-red-contrib-ui-multistate-switch/issues)**
>
> A Node Red node to show a switch with multiple states in the Node-RED dashboard - Issues · bartbutenaers/node-red-contrib-ui-multistate-switch

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [16 March 2021 15:24 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/18 "2021-03-16T15:24:25Z")

</div>

The request is noted and quite reasonable 🙂

---

<div class="post-metadata">

### Author: ![Hypnos](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hypnos/32/7566_2.png) [@Hypnos](https://discourse.nodered.org/u/Hypnos)
#### Post date: [16 March 2021 19:08 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/19 "2021-03-16T19:08:54Z")

</div>

Thank you!

---

<div class="post-metadata">

### Author: ![debouttek](https://avatars.discourse-cdn.com/v4/letter/d/848f3c/32.png) [@debouttek](https://discourse.nodered.org/u/debouttek)
#### Post date: [26 March 2021 18:27 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034/20 "2021-03-26T18:27:25Z")

</div>

Hi nice work.

And is JSON output possible?

[Next page](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-version-1-1-0/42034.md?page=2)
