Did a bit prototyping to see if it will work for dashboard or not. For me the answer is - barely, but as work is already done, Ill just give it away who ever may like it. It's a gauge - zero libraries, pure HTML and CSS. It can be modified as you like however - it takes at least intermediate knowl…

[image] Gunner: as there is such a thing as too much carbon fiber :stuck_out_tongue: Really ? are you sure about that?

[image] vikingsraven: Really ? :smiley: If your senses can handle more, then there is a "whole page" (minus the browser bars) option. You can comment out the sections you want. Set this override template to head for the whole dashboard, or to a widget to limit it to the tab. [{"id":"607cb0…

[image] jbudd: These are 3 copies of hotNipi's 6x6 gauge unaltered except for giving the 2nd and 3rd widget a custom class "gauge2" or "gauge3", then the CSS overrides for those classes. Strangely, I do not see any results from the overrides on my end. Imported into new flow, nothing changed…

You should do a bit research about the CSS selectors. https://www.w3schools.com/cssref/css_selectors.asp md-card.nr-dashboard-template.gauge2 Tries to select md-card element which has classes nr-dashboard-template and gauge2. For sure such thing does not exist.

My experiment was using node-red-dashboard v3, in which the widgets get an extra class from the editor. Are you using v2.30? With v2.30 you get md-card class="nr-dashboard-template visible" v3 gives you (e.g.) md-card class="nr-dashboard-template rainbow visible" My CSS styling is applied to, f…

[image] jbudd: My experiment was using node-red-dashboard v3, in which the widgets get an extra class from the editor. Are you using v2.30? [image] Gunner: Node-Red v2.0.5 (EDIT - with whatever dashboard that includes) Ahh, got it. I am waiting on further upgrades until after things …

to get dashboard v3: npm i node-red-dashboard@next I've only installed it on a Pi Zero testbed.

Right... I do recall ...now... reading something about a beta... my fault :blush:

[image] jbudd: I've seen and admired the dynamic backlight switch example but not studied how it works. I am sure it is not quite correctly implemented... I basically needed to create a continuous feedback loop (but only noticeable if I toss in a debug... doesn't seem to actually affect perfo…

If you need to send different commands to the gauge so it can do different things for you, you'll need to tell to the gauge at least something about how to handle this incoming message. Lets change the label only if msg.topic says so: scope.$watch('msg', function(msg) { if (msg) { // D…

First september give-away (let's create one gauge)

Dashboard

Gunner 8 September 2021 21:33 85

Ahh, got it. I am waiting on further upgrades until after things settle down.

EDIT - OK, I forgot that the dashboard was a installable node-contrib I apparently am running 2.30.0 and no further apparent updates available.

Topic		Replies	Views
Another gauge.js library Dashboard	24	3818	13 September 2021
An oldshcool gauge Dashboard node-red-dashboard , ui-widgets	5	712	16 January 2023
Gauge's for Dashboard 2.0 made with ui_template Dashboard dashboard-2	160	6058	7 October 2025
Dashboard 2.0 Classic design multi needle gauge. Call for testing Dashboard dashboard-2	74	1837	26 July 2024
Gauge.js library & Node-Red Dashboard	17	2688	15 September 2021

First september give-away (let's create one gauge)

Related topics