How to customize width of the configurable list widget?

  • Profile Image
    NRGTIM
    Asked on October 17, 2017 at 07:13 PM

    Hello

    I am trying to get some CSS code to adjust the format of the list. 


    In the form below I want the first field to take up half the width of the page and the other two fill the rest


    https://form.jotform.co/72897346345873

  • Profile Image
    amy
    Answered on October 18, 2017 at 03:39 AM

    1508311102Screen Shot 2017-10-18 at 10.1

    To get this result please inject the CSS codes that are given below to your form by following these steps:

    1- Edit your form and click on the "Widget Settings" button of the "Configurable List" widget. Then select the "Custom CSS" tab. 

    1508311346Screen_Shot_2017-10-18_at_10_2

    2- Finally paste these custom CSS codes to the area and then update the widget:

    #listContainer{

        width: 100% !important;

    }

     

    textarea {

        width: 350px;

    }