Hi. I'm fairly new to Node-red and definitely new here (I just joined...) I apologize in advance if this is a dumb question, but I'm trying to import custom widgets code into the dashboard and I noticed that even though the dashboard columns are over 300 pixels wide, any widget that I put in is lim…

Your template is set to 4 units wide, 4 units high. Default unit size is 48px. Change the template to 6x5.

Hi & welcome. Can you share a minimal flow (only the parts that demonstrate this)? To export a part of a flow, select the nodes of interest, press CTRL-E, copy to clip-board, paste into a code-block (described below) CANNED TEXT... In order to make code readable and usable it is necessary to…

[image] nanomonster: I updated my initial post. If you had done as @Steve-Mcl asked and posted an export of your flow, we could tell: If your VU meter is embedded in a standard ui-template node. How wide in Node-red "units" the dashboard group is. How wide and tall in Node-red "units" the t…

Thank you guys for your answers. I thought I did what @Steve-Mcl asked... There's not much more to the flow than what I posted, except for the addition of the Master style override code... In any event, here's the entire flow. [{"id":"40431dee4eec0901","type":"ui_template","z":"ac25c7797589190c",…

I knew it had to be something simple... but I just couldn't figure it out! :face_with_spiral_eyes: thanks !

Node-RED

Node-RED Forum

Want to override .nr-dashboard-theme for custom widgets

Dashboard

nanomonster 4 April 2022 17:09 4

oh... and I also tried/added the Master style override from hotnipi in style which I found here:(Master style override)

Topic		Replies	Views
Sizing of the UI Dashboard Dashboard	9	197	11 June 2025
Tab names get cut off when changing widget size Dashboard	4	448	18 May 2020
Cannot move or adjust widgets in Dashboard Dashboard	6	265	2 July 2023
UI dashboard editing General node-red-dashboard	28	458	3 June 2024
Custom UI node - layout problems Developing Nodes	25	5848	16 February 2019

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.

Want to override .nr-dashboard-theme for custom widgets

Related topics