Field label top break when in Form Designer

  • katriik
    Asked on June 21, 2018 at 6:13 PM

    Hi,


    Every time I adventure myself in the advance designer, long questions start to have "line break" added, like if they were in a column.


    In "Build" mode, it shows normal, but when I open the form, it keeps breaking lines.

    Like if this were
    to be a question,
    you would read it
    like this, which is
    horrible.

    How can I fix this please?

  • Elton Support Team Lead
    Replied on June 21, 2018 at 6:47 PM

    Here's how to permanently fix it. Inject this CSS code to your form.

    .form-label-top {

        width: 100% !important;

    }


    You can paste it while in the advanced designer under CSS tab. Example:

    Field label top break when in Form Designer Image 1 Screenshot 30

    So as a result:

    Field label top break when in Form Designer Image 2 Screenshot 41

  • katriik
    Replied on June 26, 2018 at 3:34 PM

    Thank you very much.