Numeric input getting cut off

Dashboard
1

I'm having an issue with my numeric input node cutting off the value on my dashboard. I've tried greatly increasing the width of the node on the dashboard but all that does is increase the space between the label and value, while still cutting off the value:

cutoff

I have the step set to 0.1 and it's not an option to go to using whole numbers.

2

can you share the code for this ? Which platform ? which browser ? Defaults are working fine here

image
image712×214 4.82 KB

3

Interesting... here's the specific node, it's running on a Raspberry Pi with the dashboard displayed on a 800x480 touchscreen in the Chromium browser.

[{"id":"26b629c.68a0bd6","type":"ui_numeric","z":"5c8a24a4.f278ec","name":"","label":"Gain %:","tooltip":"Hold to adjust quickly","group":"ec116240.03827","order":34,"width":"12","height":3,"wrap":false,"passthru":true,"topic":"","format":"{{msg.gain}}","min":"-20","max":"20","step":"0.1","x":1160,"y":660,"wires":[["c78e24ec.1624c8","5ecf72b0.147cac"]]},{"id":"ec116240.03827","type":"ui_group","z":"","name":"Batch Selections:","tab":"886ee4df.b88088","order":1,"disp":false,"width":29,"collapse":false},{"id":"886ee4df.b88088","type":"ui_tab","z":"","name":"Batch Select","icon":"dashboard","order":2,"disabled":false,"hidden":true}]
4

Most odd... though 12x3 is also a large size for the widget ?
Have you changed other things like unit size ? or CSS ?

5

I've changed my 1x1 Widget size to 24h x 18v with a 3 x 3 spacing (worked best for nesting graphics on this small touchscreen). I am running a mild bit of CSS, here's my template node for that page...

[{"id":"68dc4c3.99c6cb4","type":"ui_template","z":"5c8a24a4.f278ec","group":"ec116240.03827","name":"","order":3,"width":1,"height":1,"format":"<style>\nbody.nr-dashboard-theme {\n    font-size: 30px !important;\n}\n.md-toolbar-tools h1 {\n    font-size: 25px !important;\n}\n</style>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":400,"y":31,"wires":[[]]},{"id":"ec116240.03827","type":"ui_group","z":"","name":"Batch Selections:","tab":"886ee4df.b88088","order":1,"disp":false,"width":29,"collapse":false},{"id":"886ee4df.b88088","type":"ui_tab","z":"","name":"Batch Select","icon":"dashboard","order":2,"disabled":false,"hidden":true}]

I'm scared to reset widget size or template/text size back to defaults because of how it may mess up my whole project (lot of hours into multiple pages already), rather was hoping to somehow overcome this.

6

Can you show screenshot of whole dashboard with issue on it. May help to gain ideas if any.

7

Anything smaller than about 28px may well start getting into issues like you are seeing I’m afraid.

8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.