Carousel

Description

Displays a series of questions in a carousel element.

Instructions

• Requires Better Lighthouse Library.
• Line 6 of the HTML should be updated with the questions on the page to place in the carousel.  Multiple questions can be displayed on a single carousel page by grouping them in an array like var pages = ['Q1', 'Q2', ['Q3', 'Q4']];

Options

• Line 9 of the HTML can be updated with rules that define whether or not a carousel page should be enabled; by default, all pages are enabled.
  
  • position is the index of the current carousel page, 1-based.
  • page is the current carousel page, either a scalar question name or an array of question names.
• Line 13 of the HTML can be updated with rules that define whether or not a carousel page should automatically progress to the next page; by default, this does not occur.
  
  • position is the index of the current carousel page, 1-based.
  • page is the current carousel page, either a scalar question name or an array of question names.
• Lines 16-17 can be updated with the error messages that appear if a respondent attempts to submit the page while a question in the carousel has an error.