Type linear, round, vertical, or artless. ▶ Code is HERE [image]

Hi, this is my new dashboard2 .... [xxx] and I have this little aesthetic problem. I show this dashboard in a tablet and the lower part under the gauge hum terreno, uv, ecc. is too high and it's out of the screen. Where can I modify the gauge code to reduce this height?

[image] Giamma: Can I modify the gauge code to reduce this height? If you look at my examples in post 96, one of them is raised up so that the gauge overlays the label, so you could look at how I have done that.

I seem to have missed the instructions after reading this thread twice? When I put the first post code and CSS into a template node, this is what I get... [image] The 'testing stuff' is my group name. EDIT: Found the issue. The first post CSS section does not include <style> at the start and </s…

Is there a way to give them a little more 'breathing' room between each gauge? [image] They tend to run together. Also the scale text is not responsive, but I think that's a common issue with Dash v2.0 at the moment. Here is how they look on my Pixel 8 Pro. [image] Thanks for the work putting…

[image] thebaldgeek: I miss sparklines Wont be long (they are in labs): Sparklines — Vuetify

[image] thebaldgeek: to give them a little more 'breathing' room between each gauge? The space between them is the gap what is defined by dashboard. Widget takes 100% available space. If you don't want to mess with provided styles for all gauges in all situations but just in this card or de…

The responsiveness of DB2 is not magical resolver of every possible use cases. It still requires to make some compromises like placing and sizing your widgets so that they look OK on all your screens. That means you can't have that many widgets in one row if they don't fit with the smallest screen y…

That's really cool. Does anyone has an idea how to implement this in Grafana, too ?

@hotNipi It's correct or it's a typo? [Screenshot_20240707_073747]

Node-RED

Node-RED Forum

Gauge's for Dashboard 2.0 made with ui_template

Dashboard

Steve-Mcl 17 April 2024 14:47 121

Wont be long (they are in labs): Sparklines — Vuetify

Topic		Replies	Views
Dashboard 2.0 Classic design multi needle gauge. Call for testing Dashboard dashboard-2	74	1837	26 July 2024
First september give-away (let's create one gauge) Dashboard node-red-dashboard	143	19220	9 August 2023
Gauge to Angular with simple setup Dashboard ui-widgets	3	356	31 January 2023
Linear gauge as another gauge option Feature Requests	26	4867	22 March 2019
Gauge Node Color fixing Dashboard	16	2732	15 September 2021

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.

Gauge's for Dashboard 2.0 made with ui_template

Related topics