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

    Matrix headers wrapping in the middle of words

    Asked by Daniella Dowiak on April 03, 2017 at 10:13 PM

    How can we make it so that question words aren't split in the middle of a word? Right now it's really hard to read the questions in our table (last couple of questions). A lot of the folks taking this survey are veterans suffering from traumatic brain injuries, which makes it crucial this is as simple to read as possible.

    Page URL:
    352F820D706F2C52B6FC56523AFB97F0

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Kiran on April 04, 2017 at 01:26 AM

    Please try injecting the following CSS code to your form.

    .form-matrix-row-headers {

    word-break: break-word !important;

    }

    The matrix table should be displaying as shown in the image below:

    Hope this information helps! 

  • Profile Image

    Answered by ddowiak on April 04, 2017 at 08:43 AM

    Hi Kiran,

    That seemed to get us part way there! It looks better on my samsung but is still wrapping weird on an iphone and also on a laptop when I shrink the screen some.

    Here's what iphone looks like. Note that the circles are also shifted some, though that isn't as big of a deal as the words being hard to read.

     

    Another thing I noticed is that the "other" box always seems to be overlapping the check box and pushed down. Is there CSS that might fix this?

     

  • Profile Image
    JotForm Support

    Answered by Kiran on April 04, 2017 at 11:14 AM

    Unfortunately, I am not having an iPhone with me. However, I have checked the form using an iPhone 6s Plus emulator and see that the table is being displayed correctly.

    If you are using a different device, please let us know so that we can check it further and provide you with necessary assistance.

    I am checking on the other issue of the Textbox for Other option in the checkbox field. I'll get back to you once I have the code ready. 

    Thank you!

  • Profile Image
    JotForm Support

    Answered by Kiran on April 04, 2017 at 11:47 AM

    Please inject the following CSS code to the form to reduce the width of the Textbox for Other option in the checkbox field.

    @media screen and (min-width: 10px) and (max-width: 540px){

    .form-checkbox-item .form-textbox {

        width: 85%!important;

    }

    }

    It should be displaying as shown in the image below:

    Thank you! 

  • Profile Image

    Answered by ddowiak on April 04, 2017 at 12:13 PM

    This is great. Thank you! The other box is now showing up correctly.

  • Profile Image
    JotForm Support

    Answered by Kiran on April 04, 2017 at 01:45 PM

    Great! Glad to see that the issue is now resolved for you. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.

    Thank you for using JotForm!