# \[ANNOUNCE\] node-red-contrib-ui-multistate-switch: v1.1.0 beta

**URL:** https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265
**Category:** Share Your Nodes
**Created:** [18 February 2021 23:01 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265 "2021-02-18T23:01:54Z")
**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: [18 February 2021 23:01 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/1 "2021-02-18T23:01:54Z")

</div>

Hi folks,

@hotNipi and I are very pleased to announce the _ **1.1.0 beta** _ version of the [node-red-contrib-ui-multistate-switch](https://github.com/bartbutenaers/node-red-contrib-ui-multistate-switch/blob/main/README.md) node, which contains the following new features:

1. It is possible on the config screen to choose between theme colors and custom colors per option:

2. Because @Paul-Reed didn't keep his promise to stop discussing ( 🤣 ), it is now also possible to switch the node appearance easily without CSS:

P.S. There are still some other discussions going on ([here](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-0-0/41047) and [here](https://discourse.nodered.org/t/feature-request-off-auto-on-toggle/40837)). We will try to keep an eye on both discussions, but let us know if we have forgotten about it due to our limited time!

As always, '_constructive_' feedback is very welcome!

P.S. Since this version is not on NPM yet, you can install it from my Github repo by executing following command in your .node-red folder:

```auto
npm install bartbutenaers/node-red-contrib-ui-multistate-switch

```

Have fun with it!  
hotNipi and Bart

---

<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: [18 February 2021 23:08 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/2 "2021-02-18T23:08:57Z")

</div>

Nice work guys 👍

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [18 February 2021 23:12 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/3 "2021-02-18T23:12:23Z")

</div>

Looks good. Are those colour picker boxes large enough to be Safari friendly ?

---

<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: [18 February 2021 23:13 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/4 "2021-02-18T23:13:26Z")

</div>

We need to hear it from Safari users. (with images if possible)

---

<div class="post-metadata">

### Author: ![SonoraTechnical](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sonoratechnical/32/20033_2.png) [@SonoraTechnical](https://discourse.nodered.org/u/SonoraTechnical)
#### Post date: [18 February 2021 23:19 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/5 "2021-02-18T23:19:30Z")

</div>

Nice gentlemen... looks very good.

---

<div class="post-metadata">

### Author: ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [19 February 2021 00:56 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/6 "2021-02-19T00:56:42Z")

</div>

Bart, the flow library is still showing v1.0.0 - I was going to test in Safari but.....

---

<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: [19 February 2021 06:27 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/7 "2021-02-19T06:27:56Z")

</div>

Hey Paul,  
That is because this is a beta version. I had forgotten to add the installation command. I have added it now above in the announcement...

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [19 February 2021 11:49 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/8 "2021-02-19T11:49:43Z")

</div>

Swatch all good in safari (finally they actually use colours rather than hex 🙂  
But in both Chrome and Safari the text doesn't quite line up when using defaults...

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/6/a6845afc42eff88a35b008e8818ae8f8b3162208.png)  
or rather the slider and outline both seem too far down as the text (just about) lines up with the label.

Finally when use them colours is selected it would be nice to hide the colour pickers - or make them default to the theme colour...

---

<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: [19 February 2021 12:16 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/9 "2021-02-19T12:16:25Z")

</div>

In Windows world with any browser it lines up.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/0/804e191f985e2dd8220574fa933a37629e82679e.png)

I think I know the reason but how the hell I can figure out the solution if I cant see it 🕶  
Damn I need at least one of such devices ...

Also it does turn off color option for options in list if theme color is checked .... Again why it can't do it for mac ??? hmmm...  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/2/22f48e1848480e321ff4a3a22eef8181926fb3f7.png)

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

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [19 February 2021 12:29 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/10 "2021-02-19T12:29:46Z")

</div>

Are we all in sync with the repo ?

---

<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: [19 February 2021 12:32 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/11 "2021-02-19T12:32:21Z")

</div>

There is no commits since beta announced ..

---

<div class="post-metadata">

### Author: ![dynamicdave](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dynamicdave/32/96_2.png) [@dynamicdave](https://discourse.nodered.org/u/dynamicdave)
#### Post date: [19 February 2021 12:38 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/12 "2021-02-19T12:38:17Z")

</div>

Is the title of this thread correct as it says...multipart-switch ???  
I thought it was called... 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: [19 February 2021 12:41 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/13 "2021-02-19T12:41:00Z")

</div>

Thank you 🙂 Fixed

---

<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: [19 February 2021 13:11 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/14 "2021-02-19T13:11:38Z")

</div>

Blind man tries to fix text alignment issues for mac. 🙂

_What would you think if I sang out of tune?  
Would you stand up and walk out on me?  
Lend me your ears and I'll sing you a song  
And I'll try not to sing out of key_

_Oh, I get by with a little help from my friends  
Mm, I get high with a little help from my friends  
Mm, gonna try with a little help from my friends_

Here is my lucky guess how to fix it. (The `ui_template` to just adjust some bits).  
If it does the trick - lucky day 🙃  
If not ... 🤔

```auto
[{"id":"1ce1c763.9a0e29","type":"ui_template","z":"7a66351.6178ecc","group":"56c0ae85.413d3","name":"multistate-switch-text-align","order":10,"width":0,"height":0,"format":"<style id=\"multistate-switch-text-align\">\n\n.multistate-switch-button{\n line-height:1.4em;\n}\n.multistate-switch-label {\n line-height:1.4em;\n}\n\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":450,"y":540,"wires":[[]]},{"id":"56c0ae85.413d3","type":"ui_group","name":"Default","tab":"b935cb70.f94a78","order":1,"disp":true,"width":"6","collapse":false},{"id":"b935cb70.f94a78","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [19 February 2021 16:26 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/15 "2021-02-19T16:26:39Z")

</div>

Well you should be able to see this 🙂 the basic alignment is to the top not in the middle... compared to other widgets.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/5/85b4c309cc819dca17c2ab93e5b2ff13020a1216.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: [19 February 2021 16:32 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/16 "2021-02-19T16:32:19Z")

</div>

Oh, yes, that would be simple fix. One missing `margin`

But that does not change anything about the text vertical align against the widget content .. with the mac.  
That's why I asked for test if the line height adjustment (what is in that ui\_template in my previous post) helps or not.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [19 February 2021 17:14 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/17 "2021-02-19T17:14:24Z")

</div>

Hi sorry - yes - much better -

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/5/15cd94adedc12c11aa5d541659ee5764939e8a7d.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: [19 February 2021 17:15 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/18 "2021-02-19T17:15:16Z")

</div>

You saved my day 🙂 Thank you!  
Alignment issues fixed in master.

---

<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: [19 February 2021 21:33 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/19 "2021-02-19T21:33:18Z")

</div>

> [@dynamicdave](#):
>
> Is the title of this thread correct as it says...multipart-switch ???  
> I thought it was called... multistate-switch.

Damn, I made that mistake because I have also two other _ **node-red-contrib-multipart-...** _ nodes.  
Thanks for the reminder!

---

<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: [19 February 2021 21:43 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-multistate-switch-v1-1-0-beta/41265/20 "2021-02-19T21:43:58Z")

</div>

A new feature has been added, based on a feature request from a guy called @BartButenaers:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/e/be9f43c5ca48c3a1645027ad9a39892d2913e72b.png)

Which results in this behaviour:

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

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