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.
How can I make the table have multiple rows?Asked by nfiorucci on April 22, 2016 at 01:28 PM
I don't know how to create CSS.
I am trying to make a table for employment history, there are lost of columns but I don't want the table to get too wide.
How can I make the table have multiple rows?
I understand that you want to create a table/multiple fields for employment history in your application form. It looks like Configurable list widget could match to achieve your requirement. As I check your JotForm, I see that the configurable list widget is already added to it with displaying few fields on the second line. This widget helps in adding multiple rows as well.
Could you let us know if you are experiencing any issue with the configurable list widget or still looking for something else? This would help us to guide you in the right direction.
We will wait for your response. Thank you!
I think you are seeing code that I copied from a different thread while I was experimenting trying to figure it out....
I have a lot more content that I want to add to that configurable table.
I realize I input code that created a second row within the table but I need to add more content (questions).
I also don't understand why the text in the field configuration isn't affecting the CSS code but if I delete it, everything disappears.
And then, there are columns in the CSS code (after col5) that aren't appearing.
The CSS code used for one form may not work with other form and it is required to make changes based on the field IDs. When the CSS code of a form applied is applied to another form, if there is no ID/class in the form the changes will not be shown.
Since you say there are more fields, it may be a necessary to have individual fields and duplicate them for a fixed number of times separated by Form Collapse tool. These fields may also be hidden on the form and shown if the user wants to add another.
Please see the demo form below that can help you with this.
You may position the fields in the section as per your requirement by following the guide below:
Hope this information helps! If you need any further assistance, please let us know. We will be happy to help.
You may clone the demo form to your account to see how the conditions are set. Also, if you think that Configurable list can match your requirement let us know so that we can try to provide with assistance to arrange the fields in the list as needed.