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

    Dropdown field: change its size and background color

    Asked by MartinBoyle on October 25, 2014 at 07:40 AM

    Hi,

    Can you help me make the following amendments to the form below please?

    1. The dropdown box in the "Title" field, is it possible to a), make the box the same height as the textboxes throughout the rest of the form, and b) have a white background instead of a grey one?

     

    2. The "First & Last Name" field, for your information, is from Jotforms Quick Tools selection. Is it possible to a) Make both of these boxes the same width? b) Put them on the same alignment as the textboxes throughout the rest of the form, and c) remove the "first name" and "last name" text below the boxes, instead moving it to inside the textboxes themselves?

    Thanks very much,

    Martin

     

    Page URL:
    http://www.jotform.com//?formID=41143967648363

    tools alignment height CSS width select box select dropdown
  • Profile Image

    Answered by Ben on October 25, 2014 at 08:13 AM

    Hi Martin,

    I have moved your second question to a new thread so that we can provide you with the solution for it separately from this one in order to avoid any possible confusion.

    You can find the new thread here: http://www.jotform.com/answers/449116

    Now in regards to the question about the dropdown. To me it had white background already, but some browser will apply their styles, so to 'fight' this we can add a style that should be used instead of the browser default style.

    select.form-dropdown {
        background-color: white;
        height: 28px;
        width: 240px;
    }
    select.form-dropdown > option {
        background-color: white;
    }

    You can see from the code that if you want to change the width or height, it can be easily done within the first rule and the the background color can be changed using the background-color properties.

    Do let us know if that worked for you or if there are still some issues present in regards to the dropdown and we will be replying shortly to your other thread as well.

    Best Regards,
    Ben

  • Profile Image

    Answered by MartinBoyle on October 25, 2014 at 08:26 AM

    Worked wonderfully :D.

    Cheers Ben

  • Profile Image
    JotForm Support

    Answered by Jan on October 25, 2014 at 04:21 PM

    We're glad that Ben was able to resolved you issue. Let us know if you need further assistance.

    Thank you for using JotForm.

  • Profile Image

    Answered by guineapigme on December 30, 2014 at 06:58 PM

    Is it possible in a a configurable list with a drop down menu, to make the various drop down selections different colors?

     

    That is, have the background for option 1 , red, option 2, green, etc ... ?

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on December 30, 2014 at 10:12 PM

    Since this is an unrelated question, I moved your inquiry to this new thread.