Text not wrapping onto next line correctly.

  • Profile Image
    GThompson85
    Asked on June 04, 2020 at 02: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.


  • Profile Image
    Ariel_P
    Answered on June 04, 2020 at 03: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

  • Profile Image
    GThompson85
    Answered on June 04, 2020 at 03:20 AM

    This has worked.

    Thank you.