Configurable List - custom css - display on multiple lines

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


    On my form:

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



    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



  • Profile Image
    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:

    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.