# How to increase input value size?

**URL:** <https://discourse.nodered.org/t/how-to-increase-input-value-size/33678>\
**Category:** Dashboard\
**Created:** [2 October 2020 16:16 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678 "2020-10-02T16:16:50Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chetan\_001](https://avatars.discourse-cdn.com/v4/letter/c/eb8c5e/32.png) [@Chetan\_001](https://discourse.nodered.org/u/Chetan_001)\
**Post date:** [2 October 2020 16:16 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678/1 "2020-10-02T16:16:51Z")

</div>

Hello All,

I want to increase number/Text input size. I tried many ways but failed.

Whatever the user will input the text/number font size i have to increase.[flows (9).json](https://discourse.nodered.org/uploads/short-url/aCLy8JOxwoFELbq08slamEC9Oqb.json) (575 Bytes)

Thanks in Advance.

---

<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:33 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678/2 "2020-10-02T16:33:54Z")

</div>

sorry - it's not clear what you mean. You want to increase the size of the input box ? You can set the widget size in its config ?  
See also [How to share code or flow json](https://discourse.nodered.org/t/how-to-share-code-or-flow-json/506) about how to share code.

---

<div class="post-metadata">

**Author:** ![Chetan\_001](https://avatars.discourse-cdn.com/v4/letter/c/eb8c5e/32.png) [@Chetan\_001](https://discourse.nodered.org/u/Chetan_001)\
**Post date:** [2 October 2020 16:38 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678/3 "2020-10-02T16:38:11Z")

</div>

```auto
[{"id":"d03f0b97.157028","type":"ui_text_input","z":"99675829.6de928","name":"Wattage Lower Limit","label":"Wattage Lower Limit","tooltip":"","group":"985a3531.0ce638","order":8,"width":6,"height":3,"passthru":true,"mode":"number","delay":"2000","topic":"lowlimit","x":180,"y":680,"wires":[["f93597b8.69afb8"]]},{"id":"985a3531.0ce638","type":"ui_group","z":"","name":"Gauge","tab":"dd890cfb.b56fc","order":1,"disp":false,"width":30,"collapse":false},{"id":"dd890cfb.b56fc","type":"ui_tab","z":"","name":"Samudra LED","icon":"TEST","order":2,"disabled":false,"hidden":false}]

```

This is the code. I want to increase the input text size. After importing you will see Wattage Low Limit number input field on dashboard.

I am trying to increase font size of whatever the user input.

---

<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 16:46 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678/4 "2020-10-02T16:46:36Z")

</div>

For that input you can override the CSS, but it may affect many other things on dashboard. By knowing nothing about what else you have in it, it is hard to tell if it is enough or if it is the right way to do it.

```auto
[{"id":"d03f0b97.157028","type":"ui_text_input","z":"a3ab0b27.873be8","name":"Wattage Lower Limit","label":"Wattage Lower Limit","tooltip":"","group":"985a3531.0ce638","order":8,"width":6,"height":3,"passthru":true,"mode":"number","delay":"2000","topic":"lowlimit","x":400,"y":260,"wires":[[]]},{"id":"6881e3e5.30927c","type":"ui_template","z":"a3ab0b27.873be8","group":"c3500612.c24038","name":"","order":0,"width":0,"height":0,"format":"<style id='custom-styles'>\n .nr-dashboard-theme .nr-dashboard-textinput input {\n border-color: #eeeeee;\n color: #eeeeee;\n border-bottom-width: 1px;\n font-family: inherit;\n padding-left: 8px;\n font-size: 56px;\n height: 70px;\n }\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":360,"y":300,"wires":[[]]},{"id":"985a3531.0ce638","type":"ui_group","z":"","name":"Gauge","tab":"dd890cfb.b56fc","order":1,"disp":false,"width":30,"collapse":false},{"id":"c3500612.c24038","type":"ui_group","z":"","name":"Btn1","tab":"94f74e9f.6a717","order":1,"disp":true,"width":"2","collapse":false},{"id":"dd890cfb.b56fc","type":"ui_tab","z":"","name":"Samudra LED","icon":"TEST","order":2,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![Chetan\_001](https://avatars.discourse-cdn.com/v4/letter/c/eb8c5e/32.png) [@Chetan\_001](https://discourse.nodered.org/u/Chetan_001)\
**Post date:** [2 October 2020 16:52 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678/5 "2020-10-02T16:52:30Z")

</div>

It is changing size of all other items. I want to change font size of this item only.

---

<div class="post-metadata">

**Author:** ![Chetan\_001](https://avatars.discourse-cdn.com/v4/letter/c/eb8c5e/32.png) [@Chetan\_001](https://discourse.nodered.org/u/Chetan_001)\
**Post date:** [2 October 2020 16:57 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678/6 "2020-10-02T16:57:13Z")

</div>

It worked after refreshing dashboard. How can i change font color?

---

<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:09 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678/7 "2020-10-02T17:09:26Z")

</div>

The name of property to change is color.

---

<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:** [16 October 2020 17:09 UTC](https://discourse.nodered.org/t/how-to-increase-input-value-size/33678/8 "2020-10-16T17:09:34Z")

</div>

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