How to increase input value size?

Dashboard
1

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 (575 Bytes)

Thanks in Advance.

2

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 about how to share code.

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

4

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.

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

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

6

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

7

The name of property to change is color.

8

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