drop down field button is displaying too large

  • Profile Image
    Asked on August 22, 2016 at 09:42 AM

    there is something odd about the display to the right of the dropdown field for the filed labeled What private lessons would you like to sign up your lower school child for?  on the form located at https://form.jotform.com/62211613455952.

    also, the width of the fields are not right. Cannot get this form to work properly. Have to use css codes and still looks awful. 

    to much space after the headers and the next field. been trying to correct, but something else goes wrong. 

  • Profile Image
    Answered on August 22, 2016 at 10:21 AM

    I have just checked your Form. But I am not able to see any "drop-down" with the label "What private lessons would you like to sign up your lower school child for?  "

    If you want to change the width of a drop-down field, you can do it by clicking on the "Edit properties" of a field:

    Field width can also be changed by injecting custom css code. So please confirm, which field's width do you want to change. Thanks.

  • Profile Image
    Answered on August 22, 2016 at 12:45 PM
    it’s there. You need to select a grade lower than 6th to see it.
  • Profile Image
    Answered on August 22, 2016 at 01:56 PM

    It looks as though something in the theme applied to the form paired with the styled dropdown arrows is causing multiple dropdown arrows.  Open the form in the form designer, click on a dropdown field, then revert back to the normal dropdown arrow:

    This will remove the phantom dropdown arrows.

    You can then add this code to your form to make all the dropdown fields the same width:


    .form-dropdown {
        max-width : 290px !important;

    Here is how the form would look with both changes made: