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

    change the space

    Asked by gabizon437 on August 23, 2011 at 05:36 AM

    Hi

    how can i change the space between the form boxes  (like the pic attach)

     

    Gil Gabizon

    Screenshot
  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 23, 2011 at 06:25 AM

    Gil,

    Thank you for asking. Form appearance is usually modified by injecting custom css. For your requirement, try this code:

    .form-line {
    padding: 2px 10px;
    }

    You may increase or decrease the first value (2px) to satisfy your requirements.

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


     

    Let us know if you need further assistance with regard to this topic. Thank you for using JotForm!


    Neil

     

  • Profile Image

    Answered by gabizon437 on August 23, 2011 at 08:29 AM

    hi again

    the css can only change the space between the send botton  and the last box ,  i want to change the space between  all the boxes (name, e-mail , etc')

    see the form 

    http://www.jotform.com/form/12344240220

     

    Gil

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 23, 2011 at 08:49 AM

    Hi Gil,

    That is because you have hidden the top-aligned labels using this css:

    .form-label-top {
        visibility: hidden;
    }

    The labels still occupy space even if hidden. Replace it with this css instead:

    .form-label-top {
        display:none;
    }

    Hope this helps.
    Neil
  • Profile Image

    Answered by gabizon437 on August 23, 2011 at 09:41 AM

    thank u 

    its very good now

     

    last question please  :)

    how can i change  the design of the  " full name"  box  or  other box  from  a frame  to ellipse

    Gil

     

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 23, 2011 at 10:07 AM

    Gil,

    Is this what you're referring to?

    If yes, then inject this css code:

    input {
    border: 1px dotted gray;
    }

    Let me know if you have other concerns, but if it's not too much to ask, please open a new thread for questions not related to the original topic at hand.

    It's a pleasure to have served you. Thank you for using JotForm!


    Neil