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

    dance level option drop down not working

    Asked by KCHDA on January 05, 2017 at 11:19 PM

    Hi,

     

    I have three separate dance level drop downs in the form with one being of sufficient height to show all options at once, however, none are showing now until you click the side drop down arrow on the box.  The other two are very narrow in height and do not show any options until again the drop down arrow is clicked on.  How can I get the drop down box to show the dance levels without the person having to click it?  Originally my form (created last year) did show all the options visibly just as a person moved through the registration.

     

    Also, the text fields near the top (before Participant 1) are too spaced apart vertically on the form when I preview it.  As well the text in each individual text box is also spaced apart too much.  How can I compress the space between them to make the fields and lines of text closer together?

     

    Thanks!

    Lori

    Page URL:
    https://www.jotform.ca/form/70004504045238?preview=true

  • Profile Image
    JotForm Support

    Answered by Mike_G on January 06, 2017 at 02:33 AM

    I have three separate dance level drop downs in the form with one being of sufficient height to show all options at once, however, none are showing now until you click the side drop down arrow on the box.  The other two are very narrow in height and do not show any options until again the drop down arrow is clicked on.  How can I get the drop down box to show the dance levels without the person having to click it?

    To achieve that, please follow the instructions below.

    1. Set the "Visible Options" option of the drop-down field to 7 (since there is a total of 7 options).

    2. Remove the CSS codes shown in the image below.

    3. Add the following CSS codes below instead.

    #input_135, #input_108, #input_57 {

    height: 214px !important;

     

    }

    The Dance level drop down fields in your form should show similar to the one shown in the image below.

    Also, the text fields near the top (before Participant 1) are too spaced apart vertically on the form when I preview it.  As well the text in each individual text box is also spaced apart too much.  How can I compress the space between them to make the fields and lines of text closer together?

    To fix this, please do the following instructions below to all of your HTML (Text) field.

    Suppose you are already in your form's builder page.

    1. Click the HTML (Text) field and click the Edit HTML button.

    2. Highlight the text(s) and then click Formats > Blocks > Div (please see image below)

    3. Click the "Complete" button after and save your form before you preview it.

    I hope that helps. If  you need any further assistance regarding this, please feel free to contact us again anytime.

    Thank you.