Update the CSS code of the jotform table to display nicer on desktops.

  • Profile Image
    GreenTea
    Asked 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.)

    http://www.jotform.com//?formID=42657539633363

    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?

  • Profile Image
    GreenTea
    Answered on October 03, 2014 at 06:11 PM

    I edited the above post and added the form URL and my website URL. Thank you!

  • Profile Image
    rehcgt
    Answered on October 03, 2014 at 06:36 PM

    Hello,

    Please try to inject the following CSS code into your form.

    .form-matrix-row-headers {
        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.

     

    Thanks.

  • Profile Image
    GreenTea
    Answered on October 03, 2014 at 06:46 PM

    Yes, it works! It's great! Thank you very much!