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

  • Profile Image
    cifilorp
    Asked on February 20, 2021 at 06: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.

  • Profile Image
    JohnRex
    Answered on February 20, 2021 at 02: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.