Hide submit button in in-course quiz till user has seen all the questions in the quiz

To hide submit button by default. Add css in customizer – custom css :

.submit_quiz.button{display:none;}

Now to conditionally activate it. Add this code in child theme – functions.php .

add_action('wp_footer',function(){

if(is_page(vibebp_get_setting('bp_single_page')){

ob_start();
?>

document.addEventListener('VibeBP_Editor_Content',function(){
if(document.querySelector('.submit_quiz')) {
let x = setInterval(function(){
if(document.querySelector('.quiz_timeline.timeline_wrapper >ul>li:last-child').classList.contains('active')){
document.querySelector('.submit_quiz').style.display='flex';
clearInterval(x);

}
},200);
}
});

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2024 - VibeThemes