Can I reduce the amount of what space between fields?

  • Profile Image
    northshoreweb
    Asked 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?

  • Profile Image
    Cesar
    Answered 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
    northshoreweb
    Answered 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
    Cesar
    Answered 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
    northshoreweb
    Answered 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
    jedcadorna
    Answered 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
    northshoreweb
    Answered on February 21, 2014 at 02:16 PM

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

  • Profile Image
    pinoytech
    Answered 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.