Odd word breaks in column headers

  • bellamentum
    Asked on December 14, 2019 at 3:05 AM

    Hi, can you help me resolve this? I'd like column headers to not show odd word breaks when wrapping. Thank you!

    Jotform Thread 2079907 Screenshot
  • AshtonP
    Replied on December 14, 2019 at 4:01 AM

    Thank you for writing to us!

    Could you please provide us the form link, in which you are facing this issue. As you are a HIPAA user, I cannot access your account. 

    However, it seem that you want the column headers to be in a single line? If yes, inject this CSS codes.

    @media screen and (max-width:480px){

    .form-matrix-column-headers {

        padding: 0 2px;

        font-size: 11px;

        word-break: normal;

    }


    }

    If you want column headers should break in words, not by letters. Inject this CSS:

    @media screen and (max-width:480px) {

    .form-matrix-row-headers {

        padding: 0 2px;

        font-size: 11px;


        word-break: break-word;

    }

    }

    Please fllow the foellowing guide on how to nject custome CSS code in the form:

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps! 

    Regards.

  • bellamentum
    Replied on December 15, 2019 at 1:50 AM
    Thank you! I am getting the best results from using this in the CSS!
    .form-matrix-column-headers {
    padding: 0 2px;
    font-size: 11px;
    word-break: normal;
    }
    .form-matrix-row-headers {
    padding: 0 2px;
    font-size: 11px;
    word-break: normal;
    }
    ...