Configurable List widget

  • Jessica Jones
    Asked on July 15, 2016 at 7:59 PM

    I'm still experimenting with different form builder sites and i like this one the best because of its configurable list widget.  however, i need 4 fields: course, grade level, date, and time.  the date and time fields are very wide and i am wondering if there is a way to make them smaller, so that all four of those fields fits in one row.  OR i'm wondering if i can get all four of those fields in two rows, but with an add button so that a user can add those same four fields again and again.  is either option this possible?

     

    thanks!

  • Chriistian Jotform Support
    Replied on July 16, 2016 at 12:10 AM

    Hi,

    I am currently checking your form. I will be back as soon as I solve the problem.

  • Chriistian Jotform Support
    Replied on July 16, 2016 at 12:24 AM

    You can try injecting the following custom CSS to your form.

    td.col2 input[type="text"], td.col1 input[type="text"] {

       width: 180px;

    }

     

    th.col4 {

       display: none;

    }

     

    td.col4 {

        position: absolute;

        margin-top: 25px;

        left: 372px;

    }

     

    #listContainer tr {

       margin-bottom: 20px;

    }

     

    td.col1,

    td.col2 {

       height: 45px;

    }

     

    To inject custom css to your form, please see Customize Your Form Using Custom CSS Codes.

     

    You can then change the heading of the third column to Date/Time.

    Configurable List widget Image 1 Screenshot 30

     

    The result of these should be as follows.

    Configurable List widget Image 2 Screenshot 41

     

    You may check and clone my form https://form.jotform.com/61969222664969.

  • lyricolorado
    Replied on July 16, 2016 at 1:45 AM
    Thank you!
    Sent from my iPhone
    ...
  • Jan
    Replied on July 16, 2016 at 9:00 AM

    On behalf of Christian, you are welcome. Let us know if you need any help. Thank you.