Hi All, just wanted to share that I've just published Node-RED Dashboard 2.0's latest release (v1.1.0) with a new widget - UI Gauge. [Screenshot 2024-02-08 at 11.51.40] I know it was an incredibly popular one from Dashboard 1.0, and thanks to all for the patience in getting it out. You can see a …

Trying to replace segmental sub-label 'text' with a mdi icon, is it possible, or confined to be text only? [gaugeoil]

Not currently, but would be a very easy feature to put in if you want to open an issue

Git feature issue raised Allow GAUGE segmental sub-labels to display mdi-icons · Issue #567 · FlowFuse/node-red-dashboard · GitHub

[image] joepavitt: easy feature Technically easy for sure. The layout just will bite hard. Where to put it with half layout for example...

The request was in place of the units label, so a starting point, if mdi is detected at the start of the unit property, I'll show an icon instead

So, getting the height of a gauge right is hard. What would you expect the gauge to look like in the following conditions, with three key criteria to consider: Gauge Sizing Font Size Gauge vertical/horizontal alignment User has defined a 1 x 1 size for the gauge. Clearly too small to fit a gauge…

I'd go with aspect-ratio :1 and size based on width so you render always same way. It should fit and look nice with 2x2 with label size 1rem. I'd make grid container with 2 rows : 1em 1fr No min-height. It is not manageable. Then all the value fields go to the bottom row also with absolute posi…

but with grid layouts, enforcing a 1:1 aspect ratio then means our row height changes as the screen width changes - which we don't want

My thinking (and what I'm playing with locally) is the idea that the default size for a gauge is 3x3 or something like that, and whatever size gets set is what I listen to, no trying to be smart, etc.

Node-RED

Node-RED Forum

UI Gauge is Available

Dashboard

Topic		Replies	Views
New 1.4.0 Release - Node-RED Dashboard 2.0 Dashboard dashboard-2	12	3403	13 March 2024
DB2 - Gauge widget with DB2 1.2.0 Dashboard dashboard-2	14	340	23 February 2024
UI-gauge layout for phone Dashboard node-red-dashboard , dashboard-2	59	827	6 September 2024
Help with styling UI gauges with function General	30	6795	21 December 2020
Dashboard 2.0 Classic design multi needle gauge. Call for testing Dashboard dashboard-2	73	1922	26 July 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.

UI Gauge is Available

Related topics