Can I add borders to selected columns and rows in the paragrapgh field?

  • MACO_Financial
    Asked 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

    Can I add borders to selected columns and rows in the paragrapgh field? Image 1 Screenshot 30

    JOTFORM: https://form.jotform.com/241104108643041

    Can I add borders to selected columns and rows in the paragrapgh field? Image 2 Screenshot 41

  • Bilal JotForm Support
    Replied 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 Support
    Replied 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.

    Can I add borders to selected columns and rows in the paragrapgh field? Image 1 Screenshot 20

    Give it a try and let us know how it goes.

 
Your Answer