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 do you change the row names on the Spreadsheet Widget?

    Asked by trripradmin on June 07, 2017 at 07:46 AM
    How do you change the row names?
  • Profile Image
    JotForm Support

    Answered by Jim_R on June 07, 2017 at 08:14 AM

    Just to put things on record, the widget that's being discussed on the previous thread you replied to is the Spreadsheet Widget.

    If what you're hoping to do is change the labels of the ROWS on that widget, use the following CSS Codes:

    #row_1 {

      font-size: 0;

    }

    #row_1:after {

      content: 'test1';

      font-size: 16px;

    }

    #row_2 {

      font-size: 0;

    }

    #row_2:after {

      content: 'test2';

      font-size: 16px;

    }

    #row_3 {

      font-size: 0;

    }

    #row_3:after {

      content: 'test3';

      font-size: 16px;

    }

    Complete guide: How-to-Inject-CSS-Codes-to-Widgets

    Keep in mind you won't be injecting these codes on the Form Builder, you will inject them on the Widget itself. Refer to the guide above for more info.

    The example code above only changes the first 3 ROWS. The labels were changed to test1, test2, test3. If you have, say, 10 rows on your widget, just copy and paste the repeating sections of the codes up until #row_10.