User Tools

Site Tools


forceaccordion

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
forceaccordion [2021/11/18 08:11] – [forceAccordion - Force mobile matrix accordion format on all screen sizes] 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 the [[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.1637241099.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki