# Numeric input getting cut off

**URL:** https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675
**Category:** Dashboard
**Created:** [2 October 2020 15:52 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675 "2020-10-02T15:52:14Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![arlinfriesen](https://avatars.discourse-cdn.com/v4/letter/a/c89c15/32.png) [@arlinfriesen](https://discourse.nodered.org/u/arlinfriesen)
#### Post date: [2 October 2020 15:52 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675/1 "2020-10-02T15:52:14Z")

</div>

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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/b/0b88e00a0fa8f3a49de5278c04251207a15beb0e.jpeg)

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

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [2 October 2020 16:26 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675/2 "2020-10-02T16:26:32Z")

</div>

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

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/6/86f71f2c3f417da042091f95024ae47e41992ac9.png)

---

<div class="post-metadata">

### Author: ![arlinfriesen](https://avatars.discourse-cdn.com/v4/letter/a/c89c15/32.png) [@arlinfriesen](https://discourse.nodered.org/u/arlinfriesen)
#### Post date: [2 October 2020 16:40 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675/3 "2020-10-02T16:40:08Z")

</div>

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.

```auto
[{"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}]

```

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [2 October 2020 17:02 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675/4 "2020-10-02T17:02:46Z")

</div>

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

---

<div class="post-metadata">

### Author: ![arlinfriesen](https://avatars.discourse-cdn.com/v4/letter/a/c89c15/32.png) [@arlinfriesen](https://discourse.nodered.org/u/arlinfriesen)
#### Post date: [2 October 2020 17:17 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675/5 "2020-10-02T17:17:06Z")

</div>

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

```auto
[{"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.

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [2 October 2020 17:31 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675/6 "2020-10-02T17:31:14Z")

</div>

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

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [2 October 2020 18:39 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675/7 "2020-10-02T18:39:38Z")

</div>

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

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [1 November 2020 18:39 UTC](https://discourse.nodered.org/t/numeric-input-getting-cut-off/33675/8 "2020-11-01T18:39:49Z")

</div>

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