Back button within carousel question | XM Community
Skip to main content

Hi!

Is it possible to add a back button WITHIN a carousel question so that it moves to a previous item -- not to the previous question?  I have a carousel consisting of 4 items and am using auto-advance. I’d like for respondents to be able to go back to a previous carousel item if they would like to reconsider their answer for that previous item.

Currently, the back button takes them to an entirely different / previous question set. And, the platform either resets the responses or the carousel hangs when the carousel question in displayed.

Hope that makes sense and thanks for any ideas!

 

Hello @Chipper,

Currently, the back button in Qualtrics is designed to navigate back to previous pages or questions, not within items of a single question like a carousel. The back button allows respondents to return to pages they have already visited in a survey and update their responses. However, it does not support navigation within a single question, such as moving between items in a carousel question. 

In a carousel question, respondents can use arrows on either side of the statements to go back or skip ahead. However, if the auto-advance feature is enabled, the survey will automatically move to the next item once a response is selected, and respondents won't be able to go back to the previous item within the carousel.

Let me know if this helps.


Hi, @Sachin Nandikol,

Thank you for the speedy response and affirming this functionality in Qualtrics.

Our overall goals in this multi-matrix question survey are to:

1. make the survey efficient / reduce respondents’ cognitive and psychomotor load (especially minimizing the many “clicks”) by using the carousel, autoadvance, and request response features , and
2. provide flexibility to review or change a previous response (e.g., because they reconsidered a response or may have “clicked” a response too quickly and the question advanced).

Unfortunately, these features aren’t as seamless as we’d hoped. We’ve tried multiple solutions using Java and HTML but haven’t found a good one.

Thanks again for your response -- we’re going to continue to test workarounds.


To close the loop on this post, the following script helped:
 

Qualtrics.SurveyEngine.addOnReady(function() {
// Creating a new style element
var style = document.createElement('style');
style.type = 'text/css';
// Hiding the Previous and Next buttons
style.innerHTML = '.Skin #Buttons #PreviousButton, #NextButton { display: none; }';
// Appending the style to the head of the document
document.getElementsByTagName('head'))0].appendChild(style);
});

Qualtrics.SurveyEngine.addOnload(function()
{
// Storing the context of this function
var that = this;
// Getting the number of radio choices
var choices = this.getChoices( "radio" ).length;
this.questionclick = function( event, element ){
// Getting the number of selected choices
var selected = that.getSelectedChoices().length;
// If all choices are selected, click the Next button
if ( choices == selected ) {
that.clickNextButton();
}
}
});

 


To close the loop on this post, the following script helped:
 

Qualtrics.SurveyEngine.addOnReady(function() {
// Creating a new style element
var style = document.createElement('style');
style.type = 'text/css';
// Hiding the Previous and Next buttons
style.innerHTML = '.Skin #Buttons #PreviousButton, #NextButton { display: none; }';
// Appending the style to the head of the document
document.getElementsByTagName('head'))0].appendChild(style);
});

Qualtrics.SurveyEngine.addOnload(function()
{
// Storing the context of this function
var that = this;
// Getting the number of radio choices
var choices = this.getChoices( "radio" ).length;
this.questionclick = function( event, element ){
// Getting the number of selected choices
var selected = that.getSelectedChoices().length;
// If all choices are selected, click the Next button
if ( choices == selected ) {
that.clickNextButton();
}
}
});

 

@Chipper, thanks for providing this valuable script!


Leave a Reply