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?

  • edocx
    Asked on February 3, 2016 at 2:25 PM

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

    Jotform Thread 763731 Screenshot
  • Kevin Support Team Lead
    Replied on February 3, 2016 at 5: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:

    How can I create a form with a stationary table Screenshot 50

    Once added, click on Edit HTML.

    How can I create a form with a stationary table Screenshot 61

    How can I create a form with a stationary table Screenshot 72

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

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

    How can I create a form with a stationary table Screenshot 83

    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.

  • edocx
    Replied on February 4, 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?

  • Chriistian Jotform Support
    Replied on February 5, 2016 at 3: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

    How can I create a form with a stationary table Screenshot 50

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

    Set Cell Spacing = 0 and Border = 1.

    How can I create a form with a stationary table Screenshot 61

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

    How can I create a form with a stationary table Screenshot 72

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

    How can I create a form with a stationary table Screenshot 83

  • edocx
    Replied on February 5, 2016 at 3: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

  • mert JotForm UI Developer
    Replied on February 5, 2016 at 7: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:

    How can I create a form with a stationary table Screenshot 30

     

    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:

     How can I create a form with a stationary table Screenshot 41

     

    For further assistance, please do let us know.

    Thanks.

  • edocx
    Replied on February 5, 2016 at 10:04 AM

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

  • mert JotForm UI Developer
    Replied on February 5, 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:

    How can I create a form with a stationary table Screenshot 30

     

    Please, see the results from the below:

    How can I create a form with a stationary table Screenshot 41

     

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

    Thanks.