Hello, I am very new with Qualtrics and javascript.Is there a way for my next button to hidden until/appear only after the last carousel question is answered? Has anyone written a similar script and could help me with it?

You could do it with JS, yes. Attach a .click() eventListener to the carousel .QuestionBody with an index that starts at 0 and increments by 1 per click. Set your next button to be hidden by calling the Qualtrics question API hideNextButton(). Check the index each click and, once the number of carousel questions has been reached (e.g. index > 4), call showNextButton(). A few problems I foresee could crop up, but that's the short of it.A much, much simpler solution would be to set this question to required and force a response, ensuring each question is answered before allowed respondents to continue to the next page (provided that partial answers is what you're trying to out of your data set).

Avital It is working on my end by adding the click counter outside of the event listener that clicks the next button.Qualtrics.SurveyEngine.addOnReady(function(){/*Place your JavaScript here to run when the page is fully displayed*/jQuery("#NextButton").hide();elAnswerButtons = document.querySelector('.CarouselAnswerButtonList');var QuestionCount = document.querySelectorAll("div.CarouselCardFrame div[data-choiceid]").length;var index = 0;elAnswerButtons.addEventListener("pointerdown", () => {index++;});elAnswerButtons.addEventListener("click", () => {if(index == QuestionCount){this.clickNextButton();}});});

How do I disable the next button until the last carousel question is answered?

How do I disable the next button until the last carousel question is answered? | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded