-
cifilorpAsked 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 LeadReplied 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.