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.
drop down field button is displaying too largeAsked by pardop1 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.
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.
it’s there. You need to select a grade lower than 6th to see it.
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:
max-width : 290px !important;
Here is how the form would look with both changes made: