Customize Form Field sizes

API & Customization Ask Developers
1

Hello, I'm sort of obsessing over the look and feel of the forms as we input data for our app... It doesn't feel right when we have a field that is three inches long when the only answer choices are 1, 2, or 3. Is there a quickfix in CSS to adjust the field sizes in forms, and also the form size as well if using a modal popup? I thought this would have been a popular question!

Thanks!

Paul

2

Hi Paul,

This is quite easy to do however first you will need to find the field number and should look something like this below.

.kn-table .field_133 {
max-width:10px;
}
 
You can find the field number in the dev tools from chrome or from the builder.
![](upload://zNFBCchUlKJ6diRUsaSQQ5xb6Mo.png)![](upload://fOKl6CklLnZp7vBv37Vz92Pjaes.png)
 
For more support and other things you can try please sign up to my knackMods 
3

thanks, have the same issue. Tried copying this into the CSS panel this but it has no effect at all.
Does this change the size of the input window, the data itself or both?
By kn-table did you mean to substitute this with the schema name?
Also, is it max-width or width please?
Many thanks!! John