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

    Style the dropdown of Configurable List widget

    Asked by Mark on February 12, 2016 at 09:10 AM

    Hey Jotform!

     

    I would like the Configurable List widget to have only Static Text and Drop Downs as below

    http://www.jotform.com/answers/answer.php?

    How can I style the Configurable List Drop Down to look like the Dropdown below it that I styled with the designer?

     

    Also how can I extend the Configurable List widget to span multiple lines - I am trying to get a work around for the Passage Text Widget.

     

    Thank You!

     

    Mark

     

     

    configurable list configurable JotForm style multiple lines static
  • Profile Image
    JotForm Support

    Answered by Charlie on February 12, 2016 at 11:59 AM

    Unfortunately, this is not a valid URL of a thread: http://www.jotform.com/answers/answer.php?. It opens the contact form for the forum.

    You can learn more about the configurable list widget here: http://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget.

    I copied the form you are working, here's the link of it: http://www.jotform.com/60423223421945. I presume you want to copy the style of the default drop down to your Configurable list drop down. That is possible, here's my test form: https://form.jotform.com/60424429629964 

    Just use this custom CSS code for it:

    select {

        margin: 0;

        border-color: #a6a6a6;

        -webkit-appearance: menulist!important;

        -moz-appearance: menulist!important;

        appearance: menulist!important;

        border-width: 1px;

    height: 36px;

    border-radius: 6px;

    font-size: 20px;

    font-weight: lighter;

    box-shadow: none;

    }

    I tried to copy the exact styling of the default drop down you have. Paste it under the widget settings "Custom CSS".

     

     

    For the other concern you have regarding multiple lines on the Configurable list widget, please refer to this link instead: http://www.jotform.com/answers/771100. We will address it accordingly. Thank you for your understanding.