Text not wrapping onto next line correctly.

  • GThompson85
    Asked on June 4, 2020 at 2:23 AM

    any suggestions to help with ensuring text is wrapping onto next line correctly?  For example, on my iPhone in vertical mode (as well as on your Preview), text in the rows is being cut off mid-word and displayed at the start on the next line.


  • Ariel JotForm Support
    Replied on June 4, 2020 at 3:07 AM

    Hello,

    Thank you for your message.

    The form's .form-matrix-row-headers class is currently following the CSS rule:

    @media screen and (max-device-width:40em){
        .form-matrix-row-headers {
            word-break : break-all;
        }
    }

    This will cause the text to break at any character, to prevent overflow.

    To fix this, either set value of word-break property to break-word or add the following code to your form's CSS:

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

    Please give it a try and let us know if you need further assistance.

    Related Guide: How to Inject Custom CSS Codes

  • GThompson85
    Replied on June 4, 2020 at 3:20 AM

    This has worked.

    Thank you.