Hi All, I'm very pleased to announce that we've just hit a big milestone with the development effort on Node-RED Dashboard 2.0 - we've just released our first major version - v1.0.0: [tile-dashboard-2-ga] You can read more about it here: Node-RED Dashboard 2.0 is Generally Available! • FlowFuse

Well I just don't want to be remembered as the man who turned every bit and byte to gauges... :rofl:

[image] hotNipi: Well I just don't want to be remembered as the man who turned every bit and byte to gauges Oops, might be a bit late for that! :rofl: But then they are absolutely on-topic for everyone using Node-RED for IoT and more. Can't beat a good gauge. [OutOfGasGIF]

[image] TheSaltydog: Any news for a Gauge widget? My phone beeped and the news is that Gauge is not far away anymore. New Widget: UI Gauge FlowFuse:main ← FlowFuse:ui-gauge opened 07:16PM - …

Yep - new UI Gauge should go out today. It doesn't have the linear/compass options yet, and I don't have the segmented style so beautifully demonstrated by @hotNipi - but you can see a preview of it here: New Widget: UI Gauge by joepavitt · Pull Request #530 · FlowFuse/node-red-dashboard · GitHub an…

Having this css for the page, can you help me make the title bar also transparent? @joepavitt @hotNipi [image] /* cuida do fundo */ .v-main { background-image: url('/fundo.jpg'); background-size: cover; } /* cuida do grupo */ .nrdb-ui-group .v-card { background-color: #00000040…

.v-app-bar.v-toolbar { background: transparent; }

The journey continues and I really appreciate everyone's help... I'm already able to bring my look to d2.... now we have the icon in the top left corner that I need to understand which v- is to be able to help the color.. = ] [image]

[image] diegodamaceno: I need to understand which v- is to be able to help the color. Use the browsers dev tools to find the path each and every item you wish to adjust. [DevTools tip: Copy CSS selectors]

As per @Steve-Mcl 's note, if you're in Chrome for example, right click it > "Inspect Element", and it'll show the CSS classes applied to that element which you can use for a selector.

Thank you to everyone who is helping me, everything went well and I'm already moving forward with the project.

Node-RED

Node-RED Forum

Dashboard 2.0 is now Generally Available

Dashboard

Paul-Reed Split this topic 8 February 2024 20:52 86

5 posts were merged into an existing topic: UI Gauge is Available

Topic		Replies	Views
Dashboard 2 Beta development Dashboard dashboard-2	174	3819	25 January 2024
Dashboard 2.0 Pre-Alpha Available General dashboard-2	316	7936	9 December 2023
Latest Dashboard 2.0 Release - Tabs, Number Input & New Gauges Dashboard dashboard-2	31	836	5 October 2024
Sliders, color pickers, dropdowns, etc., in Dashboard 2.0 Templates Dashboard dashboard-2	17	662	24 October 2024
Create custom ui node in Dashboard 2 General node-red-dashboard , ui-widgets , dashboard-2	36	1355	14 September 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.

Dashboard 2.0 is now Generally Available

Related topics