Is it possible to display the 'next' button after X amount of seconds.

  • cifilorp
    Asked on February 20, 2021 at 6:51 AM

    Essentially I want to embed a youtube video into my survey and to encourage participants to watch the whole video, I'm wondering if it would be possible to have the 'next' button appear after X amount of time.

  • John Support Team Lead
    Replied on February 20, 2021 at 2:56 PM

    You can try using this custom CSS code below:

    #input_2{
     opacity: 0;
      -moz-animation: cssAnimation 5s;
      /* Firefox */
      -webkit-animation: cssAnimation 5s;
      /* Safari and Chrome */
      -o-animation: cssAnimation 5s;
      /* Opera */
      animation: cssAnimation 5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
    }
    @keyframes cssAnimation {
      99% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes cssAnimation {
      99% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

    GUIDE: how-to-inject-custom-css-codes

    In this code, it hides the SUBMIT BUTTON of this form below and show it after 5 seconds:

    https://form.jotform.com/210505817735051

    The #input_2 is the submit button's CSS selector, so the code won't run on your form unless you can share with us the form you would like to implement this, so we can provide you the exact code you can use.