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

    Question auto-numbering alongwith countdown timer

    Asked by Harshecube on October 06, 2016 at 07:20 AM

    Hi 

    I have added a countdown timer after every 10 questions of my 100 questions form 

    Objective is to let the user know how much time is left ( because Global countdown timer is on top of form and user will have to repeatedly scroll to check time)

    Also, I have inserted auto-question numbering by injecting code in CSS

     

    However, due to this the question number jumps wherever countdown timer appears on the form 

    (eg: In screenshot , after q.no 14 , timer appears and then next question is number 16)

     

    Any remedy ?

    Screenshot
    countdown timer countdown auto-numbering next check scroll
  • Profile Image
    JotForm Support

    Answered by Chriistian on October 06, 2016 at 09:31 AM

    As per investigation, the CSS code that you have added also includes the countdown timer on the count. So based on your screenshot number 15 is missing. To fix the numbering, please try to inject this custom CSS code in your form instead (replace existing custom CSS code in your form):

    .form-all {
       counter-reset : question;
    }

    .form-line[data-type=control_radio] {

        counter-increment : question;

    }

    .form-line[data-type=control_radio] .form-label:before {

        content : counter(question) ". ";

    }

    The above CSS code will only include radio button fields in auto-numbering the fields.


    Do let us know if you need further assistance.
    Regards.