User Tools

Site Tools


forceaccordion

Differences

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

Link to this comparison view

Next revision
Previous revision
forceaccordion [2021/11/18 08:11] – created adminforceaccordion [2023/10/25 09:54] (current) admin
Line 2: Line 2:
 The **forceAccordion** function forces use of the mobile matrix accordion formatting on all screen sizes. The **forceAccordion** function forces use of the mobile matrix accordion formatting on all screen sizes.
  
-  * Full expand, collapse, and auto-collapse functionality +  * Full expand, collapse, and auto-expand/collapse functionality 
-  * Supports screen resizing +  * No label or other question formatting required 
-  * Compatible with [[likerthighlightunanswered|likertHighlightUnanswered]] function+  * Supports single select and multi-select likert matrices 
 +  * Supports standard likert and profile matrices 
 +  * Supports screen resizing! 
 +  * Compatible with the **[[matrixhighlightunanswered|matrixHighlightUnanswered]]** function
  
 Here is a quick video demonstration:\\ Here is a quick video demonstration:\\
 {{ ::forceAccordion.mp4?650 |forceAccordion Demonstration}} {{ ::forceAccordion.mp4?650 |forceAccordion Demonstration}}
  
 +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 ===== ===== Set-up Instructions =====
 ==== Add Function To Survey ==== ==== Add Function To Survey ====
-To make the function available to all page/questions in the survey, copy the function to the Survey Header inside a script tag: 
 Add the forceAccordion function to the survey header to make it available to any page/question in the survey. Go to Look & Feel -> General -> Header edit -> {{::icon_source.jpg?20|}} and paste the provided forceAccordion function JS: Add the forceAccordion function to the survey header to make it available to any page/question in the survey. Go to Look & Feel -> General -> Header edit -> {{::icon_source.jpg?20|}} and paste the provided forceAccordion function JS:
 <code> <code>
Line 25: Line 28:
 </code> </code>
  
-To use in conjunction with [[likerthighlightunanswered|likertHighlightUnanswered]] use this JS:+To use in conjunction with the **[[matrixhighlightunanswered|matrixHighlightUnanswered]]** function use this JS:
 <code> <code>
 Qualtrics.SurveyEngine.addOnload(function() { Qualtrics.SurveyEngine.addOnload(function() {
  forceAccordion(this);  forceAccordion(this);
  var qobj = this;  var qobj = this;
- setTimeout(function() { likertHighlightUnanswered(qobj); },200);+ setTimeout(function() { matrixHighlightUnanswered(qobj); },200);
 }); });
 </code> </code>
 +====== Qualtrics Wiki ======
 +[[start|Qualtrics Wiki]]
forceaccordion.1637241078.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki