sideqs
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| sideqs [2022/11/25 16:37] – [side] admin | sideqs [2025/04/07 10:49] (current) – admin | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== sideQs - Move one or more question | + | ====== sideQs - Move one or more 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 questions. It moves the first n questions on the page to the left or right. Features include: | + | 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 |
| - | * specify | + | |
| - | * configure | + | |
| - | * optionally | + | |
| + | * Supports 'New Survey Experience' | ||
| Here is an example: | Here is an example: | ||
| - | {{ :: | + | {{ :: |
| - | This function is available for a reasonable fee. Contact **[[https:// | + | This function is available for a reasonable fee. Contact **[[https:// |
| ===== Set-up Instructions ===== | ===== Set-up Instructions ===== | ||
| ==== Survey Header ==== | ==== Survey Header ==== | ||
| - | To make the function available to all pages in the survey, copy the function to the Survey Header inside a script tag: | ||
| Add the sideQs function to the survey header to make it available to any question in the survey. | Add the sideQs function to the survey header to make it available to any question in the survey. | ||
| < | < | ||
| Line 17: | Line 17: | ||
| </ | </ | ||
| Alternatively, | Alternatively, | ||
| - | === Question JavaScript === | + | ==== Custom CSS ==== |
| - | Add JS to call the sideQ function | + | 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: | ||
| + | .sideQs .right { max-width: | ||
| + | </ | ||
| + | ==== Question JavaScript | ||
| + | Add JS to call the sideQ function | ||
| < | < | ||
| Qualtrics.SurveyEngine.addOnload(function() { | Qualtrics.SurveyEngine.addOnload(function() { | ||
| Line 33: | Line 39: | ||
| ===== Options ===== | ===== Options ===== | ||
| ==== matchHeight ==== | ==== 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. | + | **matchHeight** is a boolean that specifies if the height of the **[[sideQs#numQs|numQs]]** |
| default: | default: | ||
| ==== numQs ==== | ==== numQs ==== | ||
| - | **numQs** is a number that specifies the number of questions, starting at the top of the page, to move to the left or right. | + | **numQs** is a number that specifies the number of questions, starting at the top of the page, to move to the **[[sideQs# |
| default: 1 | default: 1 | ||
| Line 43: | Line 49: | ||
| **side** is text that specifies the side, left or right, to move the first **[[sideQs# | **side** is text that specifies the side, left or right, to move the first **[[sideQs# | ||
| - | default: " | + | default: |
| ====== Qualtrics Wiki ====== | ====== Qualtrics Wiki ====== | ||
| [[start|Qualtrics Wiki]] | [[start|Qualtrics Wiki]] | ||
sideqs.1669412273.txt.gz · Last modified: by admin