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

    Moving label to the drop down options / Decreasing field spacing

    Asked by backbone on August 21, 2012 at 05:54 AM

    Is it possible to add text in the field for people to select rather than labelling the form above it

     

    at the moment my form is labelled with the words above it - for the name of the form but i would like to move the label to the actual select/drop down list field to shorten the form

     

    Is it possible to remove the distance of the form field, to shorten the form to make it like more compact?

     

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 21, 2012 at 09:05 AM

    It is possible to add the label as another option in the drop down field and set it as the default value. However, the blank option cannot be removed and will remain in the drop down. This kind of set up will also render the 'Required field' function useless, as the drop downs will not be empty since we have set a default value for it (the text label).

    Check this form our for a demo:

    http://www.jotform.me/form/22333940081446

    Another option is to use sub-labels for your fields:

    http://www.jotform.me/form/22333616130441?

    If you noticed, both forms have their field labels hidden using this injected css:

    .form-label-top, .form-label-left, .form-label-right
    {
    display:none !important;
    }

    Is it possible to remove the distance of the form field, to shorten the form to make it like more compact?

    Decreasing question spacing to 1 and injecting the css code below should shorten the form.

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

    You may also decrease the margin value to 0 to make it look more compact.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    If you need further assistance with this, please do let us know.