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.


  • Profile Image

    Overlapping matrix in Safari

    Asked by drleo on January 21, 2013 at 12:15 PM

    Hi the Safari is overlapping fields with Matrix (although safari seems fine).

    I tried many of the css injections suggested in the forums to no avail.

    Here is the screen shot of what I mean: http://screencast.com/t/FjMoj9jn

    Please help

    Form: http://form.jotform.us/form/30155197384154?

     

    Thanks,

    Page URL:
    http://form.jotform.us/form/30155197384154?

  • Profile Image
    JotForm Support

    Answered by idarktech on January 21, 2013 at 01:17 PM

    Hi,

    Inject the following CSS Codes to your form. This should help fixed it.

    .form-matrix-table, .form-matrix-column-headers, .form-matrix-row-headers, .form-matrix-values{

    width: 60% !important;

    }

    Follow this guide: How to Inject Custom CSS Codes to your Form

    Let us know if you need anything else. Thanks!

  • Profile Image
    JotForm Support

    Answered by idarktech on January 21, 2013 at 01:34 PM

    By the way, I was able to come up a better one. Please use the following codes instead:

     

    .form-matrix-column-headers{

    text-align:center;

    white-space: normal !important;

    }

    .form-matrix-table th {

    width: 500px !important;

    }

    This is how it looks on Mac - Safari.

    Thanks!