topic How to resize text in HTML dashboard in Dashboards & Visualizations

How to resize text in HTML dashboard

nikkkc — Tue, 05 Sep 2017 12:27:42 GMT

i try to resize some textinputs with css but it does not work as assumed.

this is my css:

input4{

width : 800px !important;
height :100px !important;
}

but the textinput is always the same size, just the next textinput 5 is moved into the right corner and to the bottom. it looks like the div size is changed but not the inputtext element??

Re: How to resize text in HTML dashboard

rjthibod — Tue, 05 Sep 2017 13:16:32 GMT

Try adding this CSS.

.input-text > div > input[type=text] {
  width: 90% !important;
  max-width: 90% !important;
  min-width: 90% !important;
}

You are encountering an issue I have fought much and tried to find a generic workaround. Here is a little more explanation.

https://gist.github.com/thibodux/408a685dc1a46af5f4f73f7c2922e47e

Re: How to resize text in HTML dashboard

nikkkc — Tue, 05 Sep 2017 13:41:47 GMT

ok in general, this works but it is for every input field, this is not what i want

input
{ width:500px;}

Re: How to resize text in HTML dashboard

rjthibod — Tue, 05 Sep 2017 14:16:06 GMT

Did you try what I suggested in my answer?

Re: How to resize text in HTML dashboard

nikkkc — Tue, 05 Sep 2017 14:45:32 GMT

Ok wow, it seems this works, but does this also work for height? i would like to build a multiline text input

Re: How to resize text in HTML dashboard

rjthibod — Tue, 05 Sep 2017 15:10:34 GMT

No clue. Try adding height setting to #input4 > div > input[type=text] to see.