I want my words to show up whole and not split between lines

  • Meghan_Kelley
    Answered on June 02, 2021 09:10 PM

    When I read the form on my mobile, the questions on the response form break the words up into different lines. Is there a way to keep whole words on one line?

    Jotform Thread 3137051 Screenshot
  • Amin JotForm Support
    Answered on June 03, 2021 05:25 AM

    Hi there,

    Thanks for reaching out to us!

    It's possible to show them in one line, yes, but it would be extremely inconvenient.

    If you insist, kindly inject the following CSS code into your form:

    @media only screen and (max-width: 600px) {
    .form-matrix-headers.form-matrix-row-headers {
       display: block ruby !important;
    }
    }


    This should impact all input tables on your form.

    Result:

    1622712057 60b89ef94f896 table mobile Screenshot 10

    Related guide: How-to-inject-custom-css-codes

    I hope I have been of any help.

    Should you have any further inquiries, we will be more than happy to help.

  • Meghan_Kelley
    Answered on June 03, 2021 09:27 AM

    Thank you, I will try that.
    is it also possible to have it on multiple lines but just so that the words don’t split? So for example 3 lines but with one letter of the word on a different line from the rest of the word? That would be the ideal solution I think.

  • Welvin Support Team Lead
    Answered on June 03, 2021 10:54 AM

    Yes, inject the following custom CSS codes:

    .form-matrix-row-headers {
      word-break: break-word !important;
    }