Is there a way of creating a dynamic field, that starts with Number 1

  • Profile Image
    acgofamericas
    Asked on May 06, 2020 at 05:09 PM

    Is there a way of creating a dynamic field, that starts woith Number 1, and as the user adds the (+ Row), the additional Row, shows now the Number 2? To identify the number of rows automatically



    This is a re-post of a comment on How to Set Up the Configurable List Widget

  • Profile Image
    Mike_G
    Answered on May 06, 2020 at 07:03 PM

    Yes, that would be possible using custom CSS codes that will be injected into the form.

    Here's a sample form: https://form.jotform.com/201267241788964

    Here are the CSS codes I have injected into the Custom CSS Tab of the Configurable List widget in that form.

    #list {

    counter-reset: counter -1;

    }

    #list tr:before {

    content: counter(counter);

    counter-increment: counter;

    display: inline-block;

    width: 20px;

    font-size: 18px;

    margin-right: 5px;

    text-align: center;

    }

    #list tr:first-child:before {

    content: "";

    }

    Reference Guide: How-to-Inject-Custom-CSS-Codes