I am trying to display a value with a UI-element by means of a template node. I use box-sizing: border-box; But now I am a bit stuck. I have gotten this far: [afbeelding] What I am trying to do, and failing so far, is to loose the spaces between the boxes. And at the same time getting more space …

I did something similar lately. With animations and stuff ... Maybe you can get some ideas from that. [image] Mechanical counter display Dashboard Just for fun. [image] [{"id":"656888cd7308428e","type":"inject","z":"bf0d83d32eec75c2","name":"","props":[{"p":"payload"},{"…

@hotNipi Woow, that is awesome. Little bit more complicated then what I am trying to achieve :smile: :smile: :smile:. Thanks for that!! I

Node-RED

Node-RED Forum

Trying to make border-box

Dashboard

hotNipi 28 December 2022 14:40 2

I did something similar lately. With animations and stuff ... Maybe you can get some ideas from that.

Topic		Replies	Views
Reducing the gap between text nodes Dashboard	9	4041	19 March 2021
UI Text box line size or vertical spacing Dashboard	3	1150	6 April 2022
How to remove the gap between template node and other nodes? Dashboard	1	181	9 October 2023
Lower spaces to compress output Dashboard	14	901	2 April 2021
Ui nodes on dashboard showing borders , when I have not added any Dashboard node-red-dashboard	3	445	8 April 2022

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.

Trying to make border-box

Related topics