Change the configurable list widget layout to multiple rows

I would like to add rows to a configurable list. Currently all info is in one row and too long for the form.

This is how I would like the rows to be configured.

Qty. / Scissor Lift Size

Delivery Date / Delivery Time

Pickup Date

Label for add / Label for remove

Hi, 

Unfortunately, it's not possible to change the layout of the configurable list. You can increase the form width to fit the entire list without having display issues. 

I cloned your form, and changed the width to "800", and that solved the display issue. You can change your form width by opening the form designer, and clicking on "Styles" there you'll find Form Width, change that to 800. 

 

Hope this helps, let us know if you need any further help.

Thank you!

I have seen this done in other form posts using CSS coding that Jotform helped with. Please see the below Jotform forum link to see how it was corrected for another customer. I do not know how to write the needed code into the custom CSS to achieve this.

https://www.jotform.com/answers/1133593-How-can-I-split-a-configurable-list-into-two-rows

I will be out of the office on Friday 6/2 and will have no access to e-mail or voicemail.
If you need immediate assistance, please contact my office at 888-673-2677 option 0.
If you need technical support please send an email to service@msecorp.net or call 888-673-2677 option 2.
Thank you,
Jeff
...

Hi, 

Apologies for the confusion, please click on the wand icon in your widget, and open the CUSTOM CSS tab:

 

In the CUSTOM CSS field, please add the following code:

th {

display: none}

 

td.col3{

 display: block;

position: relative;

top: 30px;

left: -214px;

}

td.col4{

 display: block;

position: relative;

bottom:-10px;

}

td.col5{

display: block;

position: relative;

top: 20px;

left: -214px;

}

button.add

{

margin-top: 30px;

}

 

Hope this helps, let us know if you need any further  help.

 

Thank you!

That got me to the rows I need but I lost the dropdown box headers.

 

I am also having a problem when I add another lift that the top row gets covered.

 

You can replace the widget CSS with the code from the following link:

https://pastebin.com/raw/3Vc43V2x

Thank you.