Hi folks, Based on another discussion, I created the node-red-contrib-ui-multistate-switch UI node: [mult_switch_demo] Thanks to our CSS guru @hotNipi for all styling tips!! Known issues: Too much space between the widgets. Need to have a look at that... Had expected that height: {value: 1}…

I think default should be auto size (EG 6 wide)

This widget should only be adjustable in width but not in height. Isn't it then correctly to set height to 1 as in this snippet: width: { value: 3, validate: function(v) { ... }}, height: {value: 1},

Yes but width should be 0 (auto)

[image] dceejay: Bart and his amazing unfinished projects ;-).... How very dare you say something like that! :slight_smile:

I went through hotNipi's original UI Template and got it working very well in a 5X wide group w/ 3 options. On then 7" 800x480 official RaspberryPi TouchLCD Display, where my widget size is 24, I got the object taking up just one line. Your multistate node takes up more than 1 line ... and enough …

[image] SonoraTechnical: Your multistate node takes up more than 1 line What do you mean by line?

Here is what they look line when they take up 1 line: (size 6x1 or 5x1) [Multi-StateToggleExamples] This is what happens when the dimensions aren't correct, and you re trying to fit it into a 6x1 or 5x1 grid: [3WayTogglesTooTall] When adding your Node.. CSS settings affected my UI-Template nodes…

Most of the default dashboard widgets don't support unit size 24x24 px. It is very extreme and requires to override many things to get useful results. The unit size adjustment is not magic wand and definitely not last one and singe option to fit something into small screen. Any node built for dash…

[image] hotNipi: All of that could be built without radio element (forcibly hidden) usage. Just one internal state to manage. For ui_template it makes sense but for dedicated node ... hmm... can't we really do better? Got a new template node from @hotNipi which was based on div elements inste…

Just noticed a few typos for node-red-contrib-ui-multistate-switch [toggle2] [toggle]

Node-RED

Node-RED Forum

[ANNOUNCE]node-red-contrib-ui-multistate-switch: v1.0.0

Share Your Nodes

Paul-Reed 16 February 2021 10:35 12

What do you mean by line?

Topic		Replies	Views
[ANNOUNCE] node-red-contrib-ui-multistate-switch: version 1.1.0 Share Your Nodes	51	3119	14 January 2022
[ANNOUNCE] node-red-contrib-ui-multistate-switch: 1.2.0 Share Your Nodes	39	2993	4 November 2022
[ANNOUNCE] node-red-contrib-ui-multistate-switch: v1.1.0 beta Share Your Nodes	40	2419	4 March 2021
Feature Request - Off - Auto - On Toggle Dashboard	55	4063	21 March 2021
Dashboard 2 - Multi-state switch Dashboard dashboard-2	47	1576	6 May 2024

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

[ANNOUNCE]node-red-contrib-ui-multistate-switch: v1.0.0

Related topics