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

  • Profile Image
    Meghan_Kelley
    Asked on June 02, 2021 at 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?

    Screenshot
  • Profile Image
    Amin_N
    Answered on June 03, 2021 at 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.gi

    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.

  • Profile Image
    Meghan_Kelley
    Answered on June 03, 2021 at 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.

  • Profile Image
    Welvin
    Answered on June 03, 2021 at 10:54 AM

    Yes, inject the following custom CSS codes:

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