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

Name: DevTools tip: Copy CSS selectors
Uploaded: 2024-02-09T16:09:05Z
Description: Use the browsers dev tools to find the path each and every item you wish to adjust. [DevTools tip: Copy CSS selectors]

[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.

@hotNipi I'm counting on the help of insurance to get out of this: [image] <template> <div class="card_alexa"> <div class="play_stop"> <v-btn class="button_play" ref="button" stacked @click="play"> <v-icon class="icon_cinema" ref="icon">mdi-play</v-icon> …

I'm holding my dog's nose in my hands. She's waking up after surgery. We have here a lot of things to care about for next couple of day's. So it must wait.

Node-RED

Node-RED Forum

Dashboard 2.0 is now Generally Available

Dashboard

Steve-Mcl 9 February 2024 16:09 90

Use the browsers dev tools to find the path each and every item you wish to adjust.

1 Like

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