Configurable List - custom css - display on multiple lines

  • Profile Image
    massad
    Asked on July 20, 2015 at 05:11 PM

    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!

  • Profile Image
    Mike
    Answered on July 20, 2015 at 07:31 PM

    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.