How do I adjust the line spacing within the text fields?

  • Profile Image
    sstte18
    Asked on October 12, 2017 at 02:40 AM

    ALSO - how do I adjust the line spacing within the text fields? They are double spaced and I want single spacing

    https://form.jotform.com/72825994828172

  • Profile Image
    seth
    Answered on October 12, 2017 at 02:50 AM

    We have a policy that we answer a single question per thread, hence I created a new thread for your second question.

    There are two ways to style your form. One is to write CSS codes, another one is to use Advanced Designer.

    First, you can try Advanced Designer. It is under the Designer tab, please have a look it. There is a setting to change line spacing:

    1507790809AD.jpg

    1507790833AD2.jpg

    Here is the setting to change line spacing:

    1507790916spacing.jpg

    If you think that you need further styling, we can help you to write CSS code to inject to your form. Please contact us again if Advanced Designer doesn't work for your needs.

    Best.

  • Profile Image
    BJoanna
    Answered on October 12, 2017 at 12:00 PM

    Is this issue related to this Text field?

    1507823444text.JPG

    The spacing will depend on the font size. You can also adjust the spacing changing the Formats. 


    1507823782text formating.gif

    Here is my demo form: https://form.jotform.com/72845184035963 

    Hope this helps to solve the issue.

  • Profile Image
    sstte18
    Answered on October 12, 2017 at 03:44 PM

    That helped a lot!  BUT  I want a double space in certain places.  In the editor it looks like the space is there but then when I save, it disappears.  Can you help?  Also, is there an online guide to the definitions of the different formatting types?

  • Profile Image
    aubreybourke
    Answered on October 12, 2017 at 05:03 PM

    Simply selecting div option again will toggle the format back to double spacing for you.

    1507841602SingleDoubleSpacing.gif


    The editor allows HTML and inline CSS.

    Please see the following links for an explanation of the Format options:

    The paragraph option 

    https://www.w3schools.com/tags/tag_p.asp

    The blockquote option 

    https://www.w3schools.com/tags/tag_blockquote.asp

    The div option

    https://www.w3schools.com/tags/tag_div.asp

    The pre option

    https://www.w3schools.com/tags/tag_pre.asp

  • Profile Image
    sstte18
    Answered on October 12, 2017 at 05:08 PM

    oh.  wow.  that is so NOT intuitive. but thanks, I got it to work the way I wanted.

  • Profile Image
    aubreybourke
    Answered on October 12, 2017 at 05:17 PM

    Great that you got it sorted!

    The explanations might seem difficult, but if you try the examples you will see the code and the result side by side.  

    In any case, if you require any further assistance please feel free to ask. And we will be happy to help you.