-
edocxAsked 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?
-
Kevin Support Team LeadReplied 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:
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.
-
edocxReplied 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 SupportReplied 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
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
-
edocxReplied 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 DeveloperReplied 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:
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.
-
edocxReplied 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 DeveloperReplied 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:
Please, see the results from the below:
If you are referring something else, please give more details and contact us again.
Thanks.