Thomas Gibbons Consulting Qualtrics Wiki

Contact TomG on Qualtrics Community

User Tools

Site Tools


sideqs

sideQs - Move one or more questions to the left or right of the other questions

The sideQs function moves one or more questions to the left or right of other questions. It's primary use is displaying reference material such as a reading passage, a concept, or directions to the left or right of the related questions. It moves the first n questions on the page to the left or right. Features include:

  • specify the number of questions to be placed to the side
  • configure the column widths using CSS
  • optionally match the height of the reference material to the height of the questions

Here is an example: sideQs Example

This function is available for a reasonable fee. Contact TomG on the Qualtrics Community to learn more.

Set-up Instructions

Survey Header

Add the sideQs function to the survey header to make it available to any question in the survey. Go to Look & Feel → General → Header edit → and paste the provided carryForwardNA function JS:

<script>/*Paste sideQs function JS here*/</script>

Alternatively, paste the sideQs function JS into a question's JS outside the existing Qualtrics functions to make it available to questions on the page.

Custom CSS

Add the following CSS to set the columns widths. Go to Look & Feel → Style → Custom CSS and paste the code below. Adjust percentages as needed.

.sideQs .left { max-width:50%; }
.sideQs .right { max-width:50%; }

Question JavaScript

Add JS to call the sideQ function from the first question on the page.

Qualtrics.SurveyEngine.addOnload(function() {
	sideQs(this);
});

To override the default options, specify the desired options is the second function argument as an object. For example:

Qualtrics.SurveyEngine.addOnload(function() {
	sideQs(this,{side:"right",matchHeight:false});
});

Options

matchHeight

matchHeight is a boolean that specifies if the height of the numQs questions should be set to match the height of the remaining questions. When matchHeight is true the content will scroll vertically if necessary.

default:true

numQs

numQs is a number that specifies the number of questions, starting at the top of the page, to move to the side.

default: 1

side

side is text that specifies the side, left or right, to move the first numQs to.

default: "left"

Qualtrics Wiki

sideqs.txt · Last modified: 2023/09/24 15:53 by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki