Form Layout: How to increase or auto-adjust row height

How do i increase the row height or make the row heights automatically adjust

Hi korea,

Thanks for reaching out to Jotform Support. You can easily increase the row height in the Spreadsheet widget by injecting CSS code into the widget. Let me walk you through how to do that:

1. First, copy this code:

tbody tr {

  height: 60px !important;

}

#cid_5 iframe {

  height: 900px !important; /* adjust until all rows fit */

}

2. Open your form in Form Builder, scroll down, and select the Line Checkbox widget.

3. Click on the Wand icon on the right side of the widget to open Widget Settings.

4. Under the Custom CSS tab, paste the code into the CSS Code box.

I’ve made these changes on a cloned version of your form. Here is the link to the cloned form. You can clone it to check the CSS code and its placement. You can also refer to our guide on How to Clone an Existing Form From a URL

Reach out again if you need any other help.