Word Break Not Working for Headers / Labels

  • Profile Image
    nickho
    Asked on July 16, 2021 at 01:57 PM

    Hi, I'm not able to get word break to work for my headers / labels. I've already applied the following CSS, so I am not quite sure what the problem is. Would you be able to tell me whats wrong?


    .form-header {

      word-wrap : break-word;

      word-break : break-word;

    }


    .form-matrix-row-headers {

      word-break : break-word;

    }


    .form-label.form-label-top {

      word-wrap : break-word;

    }


  • Profile Image
    Jed_C
    Answered on July 16, 2021 at 06:51 PM

    It seems not supported. You may use the Paragraph field so you can break the line.

    1626475886_60f20d6e53be8_The Easiest Onl

  • Profile Image
    nickho
    Answered on July 16, 2021 at 06:56 PM

    Is there a way to apply that line break to the labels within other elements? Like in a long text? Currently it just cuts the line in the middle of the word1626476136_60f20e68c78a6_

  • Profile Image
    Jed_C
    Answered on July 16, 2021 at 08:08 PM

    Unfortunately, it is no longer possible. The workaround is to remove the label on the field and place it on the Paragraph field. You can then move it closer into the input box via CSS.

    Let us know if you have any questions or if you need further assistance.

  • Profile Image
    nickho
    Answered on July 21, 2021 at 11:07 AM

    Ah I see. Thanks for your help @Jec_C!