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: Wrap long infinite list rows to the next line

    Asked by RogerYelvington01 on April 16, 2014 at 03:13 PM

    Hello All!

    I would like to break each entry into two rows, if the row goes past the width of the page (750) 

    Also in my primary browser we use (Firefox) there seems to be unnessecary spacing under the first section between manassas park w2 employees, and manassas park 1099 employees.  Also, the entire page shifts when you use the form collapse features as opposed to just moving that section like it's supposed to (which works correctly in chrome).

    http://form.jotformpro.com/form/41045871086960

    Visual attached.

     

    Thank you!

    Roger

    Page URL:
    http://form.jotformpro.com/form/41045871086960

    Screenshot
    hello attached rows all firefox
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 16, 2014 at 05:04 PM

    Hi,

    As far as I can see that's not possible on infinite list widget as of the moment. What you can do for now is to increase your form width so the other infinite list widget wont get cut on your form.

    I have also escalated this as a feature request to the mentioned widget so our developers will be able to consider this in the future. Though I can't guarantee you with anything about this as of this time. Rest assured, you will be informed here once an update is available.

    Thank you!

  • Profile Image

    Answered by MacLuc on April 17, 2014 at 04:39 AM

    The widget uses table for displaying rows so wrapping them is not possible. However, yesterday I've added a parameter for including custom CSS, so you can style the list to make it less wide and/or more responsive.

    For example: 

    input[type=number] { width: 90px; }

    .col3, .col4, .col5, .col6 { width: 100px; }

    Using this style would narrow the columns with numbers. You can also try decreasing font size, shortening position names and table headers etc. I hope it will help.