Can I make the global countdown widget to float?

  • Profile Image
    kochujohnk
    Asked on March 06, 2017 at 06:40 PM

    Hi,

     

    I just now noticed that you guys can answer just one question for one thread and hence i am typing my question again for you

     

    So I would like to know if i can get the global countdown widget to move along with the user when he scrolls down

     

    Like in this case, by the time the candidate is at the 7th question the timer is not visible because it's at the top of the page. 

     

    Can you guys help me float it around as the candidate scrolls along the questionnaire please?

  • Profile Image
    jonathan
    Answered on March 06, 2017 at 09:19 PM

    It is probably doable by injecting custom CSS code into the form. 

    This form https://form.jotform.com/61201616547955 have the same idea but it was for the Submit button.

    I'll check how it can be done on your form. I'll get back to you once I have update on this.

     

     

     

  • Profile Image
    jonathan
    Answered on March 06, 2017 at 09:33 PM

    Please try adding this CSS codes on your form.

    iframe[src*="countdown"]{

        margin-top: 20px !important;

        position: fixed;

    }

     

     

    Let us know how it goes.

  • Profile Image
    kochujohnk
    Answered on March 07, 2017 at 04:25 AM

    Hey Jonathan, 

     

    Is there a way to get this floating global countdown widget onto the left of the questionnaire or some other position?

     

    Right now, when it starts, its obstructing the Ian Martin Logo - which is on the right

     

    John

  • Profile Image
    Kiran
    Answered on March 07, 2017 at 08:34 AM

    Please try injecting the following CSS code to the form to display the timer widget to the right.

    iframe[src*="countdown"] {

        margin-left: calc(70% - 46px) !important;

        margin-top: 20px !important;

        position: fixed;

    }

    The widget should be displaying on the rigth side of the form and beside logo.

    Hope this information helps!