-
MACO_FinancialAsked on April 23, 2024 at 9:35 AM
Hello!
Is there a way to include ONLY CERTAIN borders in a table from with the paragraph field? I don't want every cell or column necessarily, but specific columns/rows only to have a border.
I'm recreating a spreadsheet in Jotform and looking to match the appearance. Screenshots of both below. Thank you!
https://form.jotform.com/241104108643041
SPREADSHEET | Looking to replicate in my Jotform
Page URL: https://form.jotform.com/241104108643041 -
Bilal JotForm SupportReplied on April 23, 2024 at 11:46 AM
Hi Marty,
Thanks for reaching out to Jotform Support. Unfortunately, it is currently not possible to add borders to the selected columns and rows. You can only add borders to the whole table using the table properties. I have coordinated with the relevant team to see if we can edit the source code of the paragraph field to achieve this. If we can do this, I'll provide you with a workaround other this will be forwarded as a feature request for the future.
We appreciate your patience and understanding while we’re looking into this.
-
Bilal JotForm SupportReplied on April 24, 2024 at 3:33 PM
Hi Marty,
Thanks for waiting patiently. I'm sorry for the long wait. You can add borders to only some fields, by adding this CSS code to your form:
1. Copy the code below:
#id_99 table{
border-collapse: collapse;
}
#id_99 tr:not(:nth-child(1)) td:not(:nth-child(1)) {
border-bottom: 1px solid;
}
#id_99 tr:not(:nth-child(1)) td:not(:nth-child(1)):not(:last-child) {
border-right: 1px solid;
}
2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.
Give it a try and let us know how it goes.