How can I create a table in my form?

  • viniciusfehlb
    Asked on July 7, 2016 at 2:36 PM

    Like histoy and data of latest jobs, school history, etc..

  • Mike_G JotForm Support
    Replied on July 7, 2016 at 4:04 PM

    To my understanding, you would like respondents of your form able to add their job and school history, is that correct?

    Base on your requirement, I suggest you check out our Configurable List widget that allows respondents to add more fields to the table if needed be.

    To know more about the widget, you can check out this guide: How-to-Set-Up-the-Configurable-List-Widget

    Please let us know if you have other questions or concerns. 

    Thank you.

  • viniciusfehlb
    Replied on July 8, 2016 at 11:38 AM

    Strange thing! I posted an answer yesterday but it does not appear here.

    This widget helped, but I still need to create other, like this one:

     

    How can I create a table in my form? Image 1 Screenshot 20

  • Charlie
    Replied on July 8, 2016 at 1:04 PM

    Could you please clarify what you would like to accomplish? Would you like to have a static table that has an existing data?

    Or you would like to have a fields that can be dynamically added? The Configurable List widget allows your users to add multiple items as rows. Here's a screencast on how it works:

    How can I create a table in my form? Image 1 Screenshot 30

     

    If you just want to display a data grid on a table, then you can use this widget: https://widgets.jotform.com/widget/data_grid. Or you can use our "Text" field, it allows you to create a static table on the form:

    How can I create a table in my form? Image 2 Screenshot 41

     

    I hope that gives you an idea on how to proceed. Let us know more about your requirements so that we can better assist you.

  • viniciusfehlb
    Replied on July 8, 2016 at 1:20 PM

    Ok sorry. Let me explain better. 

    Let's say I want a form inside my form. The table I sent you and image contains various field I need the person to fill. I could create text boxes with labels one under another, but it would get too big, since I will use 3 of this tables.

    So, what I want is a table, not with static text, but with blank fields to be filled. Each of these fields contains a label inside; or it could be a hint text, that indicates what info is required in that.

    Could I make me clear? ^^"

     

    thnx for attention.

  • Charlie
    Replied on July 8, 2016 at 2:18 PM

    You cannot create an exact appearance like you have shown in the image, because inputs will be on textboxes. Unless you are an advance CSS coder, then you can achieve that style. You can position the fields just like the one in your screenshot, here's a guide that might help you: https://www.jotform.com/help/328-How-to-position-fields-in-JotForm 

    Now after the form fields are positioned, you can restyle the elements to look like a table. Here's a sample form I made: https://form.jotform.com/61895508988983. You can clone that form to have a copy in your account. 

    Here's a screenshot on how it looks like:

    How can I create a table in my form? Image 1 Screenshot 20

     

    So basically, it indeed possible to redesign the form and the form fields to look like a table, but you need to be quite knowledgeable with CSS to do this. You can also use our Form Designer Tool, but the style options are quite limited though. Here are some CSS codes based from the JotForm form fields: https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes 

    Here's a quick guide about CSS code in w3schools: http://www.w3schools.com/css/ 

     

    We can help you on styling your form but I strongly suggest hiring a web designer if you are not that familiar with CSS coding.

    I hope that helps.