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

    How can I create a form with a stationary table. Such as 3 columns wide by 4 rows tall with the cells filled in with stationary information?

    Asked by edocx on February 03, 2016 at 02:25 PM

    If this can be done can the lines making up the table be either visible or invisible?

    Screenshot
    create a form table create wide
  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 03, 2016 at 05:04 PM

    You can not use tables in JotForm, however, you can follow this guide to positioning your fields on your form:

    http://www.jotform.com/help/90-Form-Field-Positioning 

    Other option to create  a table would be using the text field, you will find it under the Form Tools option:

    Once added, click on Edit HTML.

    But, using this method you can only display data, do not capture it.

    If you want to capture data, then use the Matrix field.

    Then, you will be able to display fields as in a table, and the data entered on those fields will be captured.

    Hope this helps.

  • Profile Image

    Answered by edocx on February 04, 2016 at 10:02 PM

    That looks like what I am looking for a table which I can setup with text that won't change. But the table controls are not explained. How do I get all cells of the table to have a black boarder?

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 05, 2016 at 03:21 AM

    You can do so by following the steps below:

    1. Create a table and click on it.

    2. Click the table button and click on Table Properties

    3. A window will appear where you can change the properties of the table.

    Set Cell Spacing = 0 and Border = 1.

    4. Then go to Advanced and set the border color to black.

    Here's a sample form where I added the settings. https://form.jotform.com/60351977475970

  • Profile Image

    Answered by edocx on February 05, 2016 at 03:45 AM

    What are possible boarder controls.Such as line thickness and line types solid or dash and how do I set them. Can I use hex color codes for the boarder and cell background? 

     

    What does the "caption" box do?

     

    Thank you

  • Profile Image
    JotForm Support

    Answered by mert on February 05, 2016 at 07:33 AM

    Firstly, you can use the hex color codes to give color to your table's border's and cells' backgrounds. Please see it from the below:

     

    Then, you can style everything on your table by injecting some custom css to your form. For example, changing the main border thickness is possible with the following code:

     

    table{

    border-style: dashed;

    border-width: 15px;

    }

     

    Following one is for the styling the inner cells and their borders:

     

    td{

    border-style: dashed;

    border-width: 15px;

     

    }

     

    Finally, the "Caption" means header for your table. If you check that option you can add some text on top of your table. Also, please check the customized table's final look from the image below:

     

     

    For further assistance, please do let us know.

    Thanks.

  • Profile Image

    Answered by edocx on February 05, 2016 at 10:04 AM

    Can I turn the boarders of on say the top and side of the header row?

  • Profile Image
    JotForm Support

    Answered by mert on February 05, 2016 at 10:14 AM

    If I understand your question correctly, yes you can add a header on top of your table by checking the "Caption" option:

     

    Please, see the results from the below:

     

    If you are referring something else, please give more details and contact us again.

    Thanks.