CSS: How to adjust the font size and dimensions of cells in an input table?

  • drpapatco
    Asked on July 2, 2024 at 8:33 AM

    Can you please tell me how I can expand fill-able spreadsheet size (attached)

    Jotform Thread 16478263 Screenshot
  • Lara JotForm Support
    Replied on July 2, 2024 at 9:00 AM

    Hi drpapatco, 

    Thanks for reaching out to Jotform Support. Adjusting the dimensions of the cells and the font size of an input table is easy. Let me walk you through it:

    1. Copy the code below:

    /*Adjusts the dimensions of the cell of an input table - 16478263*/
    td.form-matrix-values > input[type="text"] {
        max-width: none !important;
        height: 50px !important;
        width: 100px !important;
        font-size: 24px !important/*Adjusts the font size of the text in an input table*/
    }
    /*End code*/

     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.

    CSS: How to adjust the font size and dimensions of cells in an input table? Image 1 Screenshot 30 You can test my demo form here or clone it to copy the changes made. Or, you can check out the screencast below to see my results: CSS: How to adjust the font size and dimensions of cells in an input table? Image 2 Screenshot 41 Give it a try and let us know how it goes.

 
Your Answer