Hanging Indent Not Working

  • Profile Image
    matheg
    Asked on November 24, 2018 at 02: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.PNG

    Preview :(

    1543043078hanging_indent_preview.PNG

    Best regards, Gábor

  • Profile Image
    Edgar_B
    Answered on November 24, 2018 at 07: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.gif

    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!

  • Profile Image
    matheg
    Answered on November 26, 2018 at 08: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