Can I make the global countdown widget to float?

  • kochujohnk
    Asked on March 6, 2017 at 6: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?

  • jonathan
    Replied on March 6, 2017 at 9: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.

     

     

     

  • jonathan
    Replied on March 6, 2017 at 9:33 PM

    Please try adding this CSS codes on your form.

    iframe[src*="countdown"]{

        margin-top: 20px !important;

        position: fixed;

    }

     

    Can I make the global countdown widget to float? Image 1 Screenshot 20

     

    Let us know how it goes.

  • kochujohnk
    Replied on March 7, 2017 at 4: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

  • Kiran Support Team Lead
    Replied on March 7, 2017 at 8: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.

    Can I make the global countdown widget to float? Image 1 Screenshot 20

    Hope this information helps!