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

    how can I increase size of drop down box (using css code) ?

    Asked by Nmead on April 21, 2016 at 02:24 AM

    table.form-spinner....... works fine for spinner elements

    what is the equivalent name for a dropbox (and how would I find that??

    size css code increase how
  • Profile Image
    JotForm Support

    Answered by beril on April 21, 2016 at 04:02 AM

    Do you want to change the width of your dropbox field or the height of your field?

    You can change it from designer quickly.

    If you want to change it with CSS code you can change it easily. To do that click on CSS when you're on Designer and double-click to the desired field and add the CSS code below: 

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

     

     

  • Profile Image

    Answered by Nmead on April 21, 2016 at 06:43 AM
    I was hoping to change the blue rectangle containing the values. Is this possible or can I only change the yellow shaded area surrounding this
    ...
  • Profile Image
    JotForm Support

    Answered by beril on April 21, 2016 at 07:36 AM

    Yes, You can increase de size of your dropbox field. I just wanted to show you how to change it. If you delete  the code below, because it is preventing to increase the height of dropdown field.

    If you want to change the size of the dropdown field for all of your dropdown fields, please add the CSS code below:

    .form-dropdown {

        height : 90px !important;

         width : 60px!important;

    }

    Here is how it works:

    However if you want to change the size of your fields for 2.1H and 2.1A fields, you need to add the CSS code below:

    #input_95 {

        width : 60px !important;

        height : 90px !important;

    }

     

    #input_94 {

    width : 60px !important;

    height : 90px !important;

    }

    Here is how it works:

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.