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

    Can I reduce the amount of what space between fields?

    Asked by northshoreweb on February 20, 2014 at 07:55 PM

    Under the "Employment History" section, I want each item per employer closer together (remove spacing)? Keep a space between each employer.

     

    How could I do this?

    Page URL:
    http://form.jotformpro.com/form/40505489826967

    div section
  • Profile Image

    Answered by Cesar on February 20, 2014 at 09:28 PM

    You can have your forms closer together by injecting CSS Code to the form. As you can on my example clone of your form I have added the CSS Code:

    #id_220{
    position: relative;
    top:-10px;}

    #id_221{
    position: relative;
    top:-20px;}

    https://shots.jotform.com/cesar/screens/cssclosetogether.png

    The ids used on the css code can be obtained by insepcting the elements of the form, utilizing a tool such as the Inspect Element tool found on Chrome and FireFox:

    https://shots.jotform.com/cesar/screens/inspect.png

    Example Form: http://form.jotformpro.com/form/40508106768961?

    Thus making the first three fields of the form close together. By adding the rest of the fields consequenatialiy you can get all the fields closer together.

    Prior to continuing any further do let us know if this is the type of spacing you were looking for. Do try replicating and completing this on your form. In any case, if you need further asistance on this. Do let us know. Thank you.

    Related Article:
    How-to-Inject-Custom-CSS-Codes 

  • Profile Image

    Answered by northshoreweb on February 20, 2014 at 09:42 PM

    Thanks for your quick response! This is great. Is it possible to do this even more (tighten the space between the fields) for the employer section?

  • Profile Image

    Answered by Cesar on February 20, 2014 at 10:15 PM

    Yes, it can be performed on all fields, as long as you customize the proper ID. Just make sure not to overlap regions between fields as it may cause the inability to type text in to fields, as they are blocked by an invisible region of the other field.

    Do let us know if you need further support on this. Thank you.

  • Profile Image

    Answered by northshoreweb on February 21, 2014 at 08:02 AM

    Hi Cesar,


    Can you help me move the fields closer together for the employee history section? I'm having a hard time getting them close like how I want.

  • Profile Image

    Answered by jedcadorna on February 21, 2014 at 08:37 AM

    Hello,

    As per request I have added the CSS code provided by Cesar to your form. Field should now be closer under Employeee History section kindly check if that is what you want to accomplish http://form.jotformpro.com/form/40505489826967?

  • Profile Image

    Answered by northshoreweb on February 21, 2014 at 02:16 PM

    How can I import your revised form into my jotform account?

  • Profile Image

    Answered by pinoytech on February 21, 2014 at 03:11 PM

    Hi,

    Here's the guide on how to import/clone a certain form into your account.

    http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    If you need further assistance, please let us know.