Carousel

Zachary Anderson
Last updated: 02 Aug 2021
Written for: Lighthouse Studio 9.4

A select question appearing on a carousel page

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.