How can I make my Configurable List fit on one line?

  • Profile Image
    Asked on June 24, 2021 at 12:26 PM

    Hi there -

    I'm new to Jotform but appreciate that it's pretty easy to use.

    My form requires a lot of detailed information about people (eg. first names, birthdates, date of passing, name of spouse and anniversary dates). I have used the Configurable List widget and viewed a few videos about how it works. However, I would like to ensure that all the information fits on one line, and that people can "Add more" entries as required. See:

    Look under tab called "1. PEOPLE". The width of fields "Date of Passing" and "Anniversary" could be narrower, as there will only be 4 digits (year as yyyy).

    You will see that I've played with a few other options in that section (eg. Table, Fill in the Blanks, Question) to see if there's a better system.

    Suggestions welcome :)

  • Profile Image
    Answered on June 24, 2021 at 03:24 PM

    Hi Lynette,
    I would love to help you with custom CSS to achieve this, but I will need access to your form preview.


  • Profile Image
    Answered on June 24, 2021 at 03:42 PM

    Thanks Igor -

    I'm happy to give you access the form preview, but I'm not sure how to do that!

    Can you indicate how?

  • Profile Image
    Answered on June 24, 2021 at 10:26 PM

    To change the orientation of the Configurable List widget from horizontal to vertical, please add this custom CSS code to the widget:

    And this will be the result:


    Here's a guide on how-to-inject-css-codes-to-widgets.

    Please try that and let us know if you need further assistance.

  • Profile Image
    Answered on June 24, 2021 at 11:33 PM

    Perfect! It worked exactly.

    Thanks so much!!!