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

    What's the best way to create an infinite list with lots for fields?

    Asked by odnd on August 15, 2016 at 03:21 PM

    Hi JotForm,

    I have a form that includes a section for the person who's filling it out to enter data in 10 fields for each of every pet they own. Clearly, this will not fit well on a single row that a widget like the Infinite List provides.

    Is there any other tool or approach that would solve this problem? Here's a screen shot of the portion of my form I'm talking about:

    Page URL:
    http://olddogsnewdigs.com/form-adoption.html

    create infinite list for infinite
  • Profile Image

    Answered by victor on August 15, 2016 at 04:49 PM

    This is some hard but not impossible. You may wish to use the CONFIGURABLE LIST widget. By default all the fields are placed in a single row. You can use CSS code as provided in a previous thread

    https://www.jotform.com/answers/595103-Configurable-List-CSS-codes-to-fit-fields-into-2-rows

    to make the fields be in 2 rows. 

    This would be the only option to create an infinite list.

  • Profile Image

    Answered by odnd on August 15, 2016 at 05:16 PM

    Thank you very much — I'll give that a shot!

  • Profile Image

    Answered by victor on August 15, 2016 at 06:36 PM

    Do let us know if you require assistance with the CSS code.

  • Profile Image

    Answered by odnd on August 16, 2016 at 09:58 AM

    Oh! I would love some help with the CSS code.

    Could you help to put the fields in separate rows as follows?:

    Again, the form is at this URL: http://olddogsnewdigs.com/form-adoption.html

    Row 1:

    • Pet's Name

    • Species

    • Breed

     

    Row 2:

    • Age

    • Sex

     

    Row 3:

    • Temperament with other animals

     

    Row 4:

    • Health Issues

     

    Thank you!

  • Profile Image
    JotForm Support

    Answered by Kiran on August 16, 2016 at 11:26 AM

    I have checked your JotForm and see that the configurable list is arranged as per your requirement. It seems that you have already figured out in arranging the fields in the configurable list.

    If you want to move the Health Issues field to 3rd row, you may change the top and left margins for td.col7 in the CSS code injected as below:

    top: 6px !important;

    left: 0px !important;

    If you are looking for any other changes to the list please let us know. We will be happy to help.

  • Profile Image

    Answered by odnd on August 16, 2016 at 11:29 AM

    Yes! Thank you so much! I bashed around in the dark and figured it out through study and trial and error! Will try those top / left settings to see how it looks. 

    Thanks for your help!