What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Update the CSS code of the jotform table to display nicer on desktops.Asked by GreenTea on October 03, 2014 at 05:25 PM
Thanks a lot for all your help! You are absolutely brilliant. I am impressed with your attention to detail and helpfulness.
I have another form which would probably need a similar code to fix the problem - this time it is table width so it is not an identical code as above (I tried). (I fixed the "Mr" issue already.)
The table looks OK on mobile but on desktop the first column (names of the areas) is very wide and the other columns are very narrow. My intuition is to make the 1st column of a certain minimum width, and the rest of the columns of a % of the space left?
table width CSS desktop responsive
I edited the above post and added the form URL and my website URL. Thank you!
Please try to inject the following CSS code into your form.
width: auto !important;
min-width: 90px !important;
In case you’re not familiarized with injecting custom CSS code into your form, you can find a guide here: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Please give it a try and let us know if it worked.
Yes, it works! It's great! Thank you very much!