how to change height of input widget, i change the css of input widget( height : 32px;) but it's not working. please help me
In the property panel top of it there is toggle button(sky color). Toggle it and find the css window there. There is an option to change the hight. Try it.
Can you check in the css panel, if there is any other css rule overriding it?
Hello Harish, first of all be sure that you are not overriding your css class with in-line style rules.
Inputs have many types, which leads to many rules that can override the basic ".input" class, specify the type of input you are using to see if you can change the height to the correct value, for example:
input[type="text"]{
height: 100px;
}
Hi Harish, you can do this.
and after that, apply like this
i think this will help you
Hello, unfortunately I tried this solution and it hasn't worked for me, but I did try using inline styling and was able to achieve what I wanted. Is there a reason why you suggested this solution, just trying to learn more about OutSystems and get a better understanding of what's best practice.
Hi, if you wanted to give that specific container that width without messing with other classes and not having to overwrite them you can combine two classes so that they will only work when together. the form-control is generic, and i gave instructions so when those two classes meet each other together they will have that specific behaviour.