Infinite List widget, show counted rows in frontend

  • Profile Image
    InternationalScienceUoC
    Asked on October 17, 2017 at 09:17 AM

    Hello,

    is it possible to show the numbers of the counted rows in the Infinite List Widget (https://www.jotform.com/answers/1023245-Configurable-List-Widget-Is-it-possible-to-count-the-number-of-rows-entered-into-this-field) so that the user will create and see a list like: 

    My favorite colors:
    1. yellow
    2. blue
    3. green

    without having to enter the numbers manually? 

  • Profile Image
    EltonCris
    Answered on October 17, 2017 at 12:07 PM

    Am I right that you only want to label every rows with a number? 

    Example:

    If that's what you want, inject this CSS codes in your infinite list widget under its settings then custom CSS tab.

    #list tbody {

        counter-reset:section;

    }

    #list td.col1:before{

      counter-increment: section;

      content: counter(section);

      color:#000;

      font-size: 14px;

      position: relative;

      display: inline-block;

      text-align: center;

      width: 20px;

    }


    If you need further assistance or if this isn't what you want to achieve, let us know.