Question auto-numbering alongwith countdown timer

  • Profile Image
    Harshecube
    Asked 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 ?

  • Profile Image
    Chriistian
    Answered 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.