What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Configurable List - custom css - display on multiple lines

    Asked by massad 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
    JotForm Support

    Answered by Mike 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.