Hanging Indent Not Working

  • matheg
    Asked on November 24, 2018 at 2:06 AM

    Hi! If the option text is long, there is an automatic linebreak, and the text is continued in the next line with a hanging indent. This is fine. Unfortunately, in preview mode, this feature doesn't work, and the option text looks very ugly. How can I get hanging indent work?

    Edit mode :)

    1543043037hanging indent edit mode Screenshot 10

    Preview :(

    1543043078hanging indent preview Screenshot 21

    Best regards, Gábor

  • Edgar_B
    Replied on November 24, 2018 at 7:23 AM

    Thank you for contacting us.

    I have cloned your form to perform some injection of custom codes to address this issue. Below are the codes I've used, please copy and paste this to your form's CSS area.

    Codes:

    #label_input_52_1, #label_input_58_1, #label_input_64_0 {

        display : inline-block;

        margin-left : 20px;

        margin-top : -20px;

    }

    Here is the actual demo and result:

    1543061518test Screenshot 10

    How to Inject Custom CSS Codes

    Demo Form:

    https://form.jotform.com/83272465717968

    Please let us know if this one works for you, if you need further assistance, don't hesitate to ask, we'll be glad to help. Thank you!

  • matheg
    Replied on November 26, 2018 at 8:03 AM

    Hi Edgar_B!

    Thank you very much for your help. After pasting the CSS code, it works as I required.

    Anyway, it's a pity that CSS codes are needed, although in edit mode everything looks fine. I guess, most JotForm users don't know too much about CSS codes. 

    Best regards, Gábor