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

    Infinite List Widget: Splitting fields into multiple rows

    Asked by drichardson on May 02, 2016 at 03:59 PM

    I have created a form that fits all my needs as to capturing the information required for tracking purposes.  However, there is one component that I need help with.  We have a table that has 7 columns and 16 rows to capture information.  I have tried to use the spreadsheet and data grids widgets but cannot get them to work for me.  I finally used the Infinite List Widget and have been able to capture the information I need, however when I print the page, the last column is partially cut off.  Is there a way to make this widget 2 lines so that all of the information gathered is together?  It is for our CASA Contact Log approximately halfway down our form.

    Page URL:
    https://www.jotform.com//?formID=61155585276159

    multiple lines multiple rows infinite list
  • Profile Image
    JotForm Support

    Answered by Mike on May 02, 2016 at 05:46 PM

    It is possible to split the Infinite List widget fields into multiple rows by adding a CSS to the Custom CSS tab of the widget.

    Column Names:

    Date, Person Contacted, Relationship to child, Contact Type, Hours/Qtr. Hrs., Miles, Conversation Summary

    Custom CSS:

    td.col1, td.col2, td.col3, td.col4, td.col5, td.col6, td.col7 {
    display:inline-block;
    float: left;
    padding: 5px;
    width: 25%;
    }

    .label {
    display: table-cell !important;
    float: inherit !important;
    }

    Result:

    If you need any further assistance, please let us know.

  • Profile Image

    Answered by drichardson on May 03, 2016 at 10:45 AM
    Thank you soooooo much!!!!! You have made my day a whole lot brighter!!!!
    Debbie Richardson
    Executive Assistant
    Child Advocacy Services
    1504 W. Church Street
    Hammond, LA 70401
    Phone: 985-902-9583
    Toll Free: 1-800-798-1575
    Fax: 985-345-4689
    Web site: www.childadv.net
    CAS Mission: To give voice, healing, and security to children.
    [20th Year Logo Email Signature_Blue Ribbon]
    Confidentiality Statement:
    ...