Would it be possible to customize the form i.e, adjust blank space between each form tools?

  • Profile Image
    teerawee
    Asked on March 11, 2012 at 04:47 AM

    I have a question regarding the form. Hope you could help a little.

     

    Would it be possible to customize the form i.e, adjust some blank space between each form tools? 

    for example, if we have two text boxes in one line, could we make it closer to each other, maybe using xhtml/css? 

    And likewise for the ones above and below to each other. 

    And in some cases, each form tool has a little too much space between text (header, options etc) and its own  input area, too. 

     

    It's just sometimes the standard space given doesn't fit perfectly for the design. 

     

    If it can be customized, could you explain a bit how to do so? 

     

    Many thanks in advance. 

     

    Regards,

  • Profile Image
    gori-mathew
    Answered on March 11, 2012 at 05:12 AM

    Hello

    Yes this can be done. as follows;

    1. Click on "Setup & Share" toolbar tab
    2. Click on "Preferences"
    3. Change "Question Spacing" from "10" to something smaller. It is the space between questions in "pixels". 
     

    More details can be obtained at this link; http://www.jotform.com/answers/8800-Spacing-between-form-fields

    You can also inject the CSS Codes using this guide on the link'; http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Lets us know if you managed to be assisted.

    Regards

    Mathew

  • Profile Image
    idarktech
    Answered on March 11, 2012 at 05:31 AM

    Hi there,

    You can also inject this css code to your form to make form fields more closer to each other, so they look more sweet :)

     

    .form-line {

    padding: 1px;

    }

    Guide on how to inject css codes to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please try it and let us know if this helps. Thank you so much!