What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Putting labels next to input fields, not above

    Asked by pieterjanderks on October 21, 2014 at 06:03 PM

    Hello

     

    2 things I am struggling with (see attachment)

     

     

    second, I am struggling how to put label besides the inputfiel, and not above?? In the beginning, the were, but now it's messed up:-(

     

    And than...

    I want the vertical space between inputfields smaller, also decrease...

     

    Thanks in advance!!

    Page URL:
    http://www.nextmkb.com/

    Screenshot
    next labels next to input fields label thanks hello and
  • Profile Image

    Answered by raul on October 21, 2014 at 07:22 PM

    Hello,

    Please right-click the textbox and select Show Properties from the menu.
    Then change the Label Align from Top to Left.

    This should move the label to the left.

    Please let us know if we can be of further assistance.

    Thanks.

  • Profile Image

    Answered by pieterjanderks on October 22, 2014 at 06:10 AM

    Thanks, 

    Ok, thansk, it works, but I put it back, cause my layout was screwed up (alginment and input fiels out of the form).

    Can I also change vertical space between fields as shown above? (my screenshot)

     

    thanks

  • Profile Image

    Answered by raul on October 22, 2014 at 10:23 AM

    Hi,

    Yes, it's possible.
    Please try to inject the following CSS code into your form:

    .form-line {
    margin: 0 !important;
    padding: 12 px; !important;
    }

    This should reduce the vertical space between the fields.

    Please let us know if we can be of further assistance.

    Thanks.