Back button within carousel question

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:
 

1Qualtrics.SurveyEngine.addOnReady(function() {
2    // Creating a new style element
3    var style = document.createElement('style');
4    style.type = 'text/css';
5    // Hiding the Previous and Next buttons
6    style.innerHTML = '.Skin #Buttons #PreviousButton, #NextButton { display: none; }';
7    // Appending the style to the head of the document
8    document.getElementsByTagName('head')[0].appendChild(style);
9});
10
11Qualtrics.SurveyEngine.addOnload(function()
12{
13    // Storing the context of this function
14    var that = this;
15    // Getting the number of radio choices
16    var choices = this.getChoices( "radio" ).length;
17    this.questionclick = function( event, element ){
18        // Getting the number of selected choices
19        var selected = that.getSelectedChoices().length;
20        // If all choices are selected, click the Next button
21        if ( choices  == selected )  {
22           that.clickNextButton();
23        }
24    }
25});

1Qualtrics.SurveyEngine.addOnReady(function() {
2    // Creating a new style element
3    var style = document.createElement('style');
4    style.type = 'text/css';
5    // Hiding the Previous and Next buttons
6    style.innerHTML = '.Skin #Buttons #PreviousButton, #NextButton { display: none; }';
7    // Appending the style to the head of the document
8    document.getElementsByTagName('head')[0].appendChild(style);
9});
10
11Qualtrics.SurveyEngine.addOnload(function()
12{
13    // Storing the context of this function
14    var that = this;
15    // Getting the number of radio choices
16    var choices = this.getChoices( "radio" ).length;
17    this.questionclick = function( event, element ){
18        // Getting the number of selected choices
19        var selected = that.getSelectedChoices().length;
20        // If all choices are selected, click the Next button
21        if ( choices  == selected )  {
22           that.clickNextButton();
23        }
24    }
25});

@Chipper, thanks for providing this valuable script!