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 is not shown correctly on Chrome

    Asked by afckredieten on April 14, 2016 at 07:18 AM

    Hey guys,

     

    Since a few weeks i have problems with all of my forms. they do no show up correctly in Chrome, and Opera

    but IE, Firefox, Edge are ok. I've took some screenshots.

    The first dropdown is miserable, i can't use this? How can i make this working properly?

    The screenshots are from a form in a wordpress site, you can take a look for youreselve 

    http://146.185.135.248/nieuwe-wagen/

    This is the same form in Firefox, and is shown correct

     

    The same form directly in jotform (so you see this isnt a wordpress problem)

    this is the form: https://form.jotformeu.com/60561555261352

    screenshot of it in google chrome

     

    How can i make this work? I do need this in a dropdown, but this need to bee shown correctly

  • Profile Image
    JotForm Developer

    Answered by mert on April 14, 2016 at 08:54 AM

    Hi there,

    The problem is occurring from the "-webkit-appearance" rule for dropdowns in your form, it has set to the "menulist" which is problematic on Chrome. Generally, dropdowns' stylings are changing with respect to the browsers or OS, so it is a usual thing, you need to choose its style wisely.

    Below, I choose the "caret" for "-webkit-appearance", it is similar to the "menulist" and has compatibility for both browsers.

    Please, inject the following CSS rule to your form:

     

    .form-dropdown {

        -webkit-appearance: caret !important;

    }

     

    Also, see the effects on your form:

     

    In addition, we can add some other styling, if you want. Please, don't forget to let us know the results.

    Regards.

  • Profile Image

    Answered by afckredieten on April 14, 2016 at 09:46 AM

    Ok thanks, 

    What the other styling concerns, suggestions are welcome

    I have a problem, but nothing with styling i will open another topic for it.

  • Profile Image

    Answered by afckredieten on April 14, 2016 at 09:51 AM

    Yes i do have a another styling topic, in the same form,

    the radiobuttons text how can i align them properly? In one or 2 lines but in more orderly fashion than now?

    This is a bummer not properly aligned the 2nd and 3th button

  • Profile Image
    JotForm Developer

    Answered by mert on April 14, 2016 at 09:57 AM

    It seem like it is a different subject than the first one, so I opened a new thread for that one. You can easily access it through the link below:

    https://www.jotform.com/answers/818404

     

    It will be answered in short.