How do you change the row names on the Spreadsheet Widget?

  • Profile Image
    trripradmin
    Asked on June 07, 2017 at 07:46 AM
    How do you change the row names?
  • Profile Image
    Jim_R
    Answered 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.