What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I customize the Spreadsheet Widget in my form?

    Asked by AffordableHousingAdvisors on August 18, 2016 at 03:43 PM

    I don't know CSS, but would like to customize the top row of each column, to have different headings, rather than the defaulted letters. Also, I won't want the rows to be numbered in the first column. I'm just wondering if there is a JotForm designer that could help me with this.

    I would like it to look like this (without the purple color inside the spreadsheet): 

    spreadsheet widget custom css
  • Profile Image
    JotForm Support

    Answered by Mike on August 18, 2016 at 07:03 PM

    The column headings are not editable. You may try the next settings to get something similar.

    Widget's width:

    900

    Default values (optional):

    A1 Unit Mix BR / BA
    B1 Number of Units
    C1 Set Aside (%)*
    D1 Square Footage
    E1 Asking Rent
    F1 Utility Allowance
    G1 RUBS**
    H1 Maximum Allowable Rent

    Read-only:

    A1
    B1
    C1
    D1
    E1
    F1
    G1
    H1

    Custom CSS:

    th{
    display: none;
    }
    tr {
    height: 40px;
    }
    tbody tr:first-of-type {
    display: none;
    }
    .r1 .cell-input {
    background: #bbbec0;
    text-align: center;
    }

    Note, that this is not likely that we can wrap 'headings' text within inputs.

    If you need any further assistance, please let us know.