Style the dropdown of Configurable List widget

  • Profile Image
    Mark
    Asked 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

     

     

  • Profile Image
    Charlie
    Answered 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.