Differences

This shows you the differences between two versions of the page.

--- sideqs [2022/11/26 07:41] – [numQs] admin
+++ sideqs [2025/04/07 10:49] (current) – admin
@@ Line 1: / Line 1: @@
 ====== 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
+  * Specify the number of questions to be placed to the side
-  * configure the column widths using CSS
+  * Configure the column widths using CSS
-  * optionally match the height of the reference material to the height of the questions
+  * Optionally match the height of the reference material to the height of the questions
+  * Supports 'New Survey Experience' (aka Simple layout)
 Here is an example:
-{{ ::sideqs.png?650 |sideQs Example}}
+{{ ::sideqs.png?800 |sideQs Example}}
-This function is available for a reasonable fee. Contact **[[https://community.qualtrics.com/XMcommunity/messages/add/TomG|TomG]]** on the Qualtrics Community to learn more.
+This function is available for a reasonable fee. Contact **[[https://community.qualtrics.com/inbox/conversation?with=373|TomG]]** on the Qualtrics Community to learn more.
 ===== Set-up Instructions =====
 ==== Survey Header ====
@@ Line 17: / Line 18: @@
 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 as needed.
+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.
 <code>
 .sideQs .left { max-width:50%; }
 .sideQs .right { max-width:50%; }
 </code>
-=== Question JavaScript ===
+==== Question JavaScript ====
-Add JS to call the sideQ function to the first qeustion on the page.
+Add JS to call the sideQ function from the first question on the page.
 <code>
 Qualtrics.SurveyEngine.addOnload(function() {
@@ Line 48: / Line 49: @@
 **side** is text that specifies the side, left or right, to move the first **[[sideQs#numQs|numQs]]** to.
-default: "left"
+default: %%"left"%%
 ====== Qualtrics Wiki ======
 [[start|Qualtrics Wiki]]