Configurable List - custom css - display on multiple lines

Hi,

On my form:

http://form.jotform.ca/form/51939489792275
http://www.jotform.com//?formID=51939489792275

What custom css do I need to add in so that elements are displayed in rows instead of one line?

e.g.:

Camper Name, Date of Birth, Gender - one row
Medicare or OHIP number, Expiry - one row
School Name, Grade, Swim Level, T-shirt Size - one row
First time camper? - one row

Thanks!

Thank you for contacting us.

I am not a fan of Configurable List widget CSS modifications, since it has a predefined table based layout, and it will not be responsive on different devices including the mobile devices.

To avoid possible layout issues, I would like to suggest considering a different approach based on standard form fields and conditional logic (to show the form fields based on user selections).

Here is a form:

http://form.jotformpro.com/form/52007201963951

Follow this guide to find out how to clone it to your account.

Saved conditional rules can be checked under Conditions.

This is also possible to duplicate multiple form fields at once in case you need more slots.

How to Manage Multiple Fields

Please feel free to contact us if you need any further assistance.