Thomas Gibbons Consulting Qualtrics Wiki

Contact TomG on Qualtrics Community

User Tools

Site Tools


scaledmatrix

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
scaledmatrix [2022/09/28 19:38] – [labelsBottomMin] adminscaledmatrix [2024/04/30 06:45] (current) – [Matrix Question] admin
Line 4: Line 4:
 Functionality includes: Functionality includes:
   * Option for formatting single row matrix questions   * Option for formatting single row matrix questions
-  * Option for formatting for last column 'NA', 'Not sure' etc. including width and format of divider+  * Option for formatting one or more 'NA', 'Not sure' etc. columns including width and format of divider
   * Options for repeating headers in middle or on bottom   * Options for repeating headers in middle or on bottom
   * Supports scale images   * Supports scale images
   * Supports middle labels, not just end labels (unlike NPS question)   * Supports middle labels, not just end labels (unlike NPS question)
 +  * Supports choice groups
   * Optionally control width of scale labels   * Optionally control width of scale labels
   * Optionally add and format scale dividers   * Optionally add and format scale dividers
Line 21: Line 22:
 {{ :formatscaledmatrix_mobile.png?300 |}} {{ :formatscaledmatrix_mobile.png?300 |}}
  
-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 ===== ===== Set-up Instructions =====
 ==== Survey Header ==== ==== Survey Header ====
-To make the function available to all questions in the survey, copy the function to the Survey Header inside a script tag: 
 Add the scaledMatrix function to the survey header to make it available to any question in the survey.   Go to Look & Feel -> General -> Header edit -> {{::icon_source.jpg?20|}} and paste the provided scaledMatrix function JS: Add the scaledMatrix function to the survey header to make it available to any question in the survey.   Go to Look & Feel -> General -> Header edit -> {{::icon_source.jpg?20|}} and paste the provided scaledMatrix function JS:
 <code> <code>
Line 46: Line 46:
 <code> <code>
 Qualtrics.SurveyEngine.addOnload(function() { Qualtrics.SurveyEngine.addOnload(function() {
- scaledMatrix(this,{lastNA:true,scaleLabels:["Extremely<br>dissatisfied","Extremely<br>satisfied"]});+ scaledMatrix(this,{NAcols:1,scaleLabels:["Extremely dissatisfied","Extremely satisfied"]});
 }); });
 </code> </code>
Line 66: Line 66:
  
 Default: false Default: false
-==== lastNA ==== +==== NAcols ==== 
-**lastNA** specifies the last column as 'NA', 'Not sure' etc. when set to true. Turning on automatically adjusts the position of the right scale anchor.+**NAcols** specifies the number of 'NA', 'Not sure'etc. columns on the right side of the scale. When greater than 0 (zero), the position of the right scale anchor is adjusted.
  
-Default: false +Default: 
 ==== NAdividerStyle ==== ==== NAdividerStyle ====
-**NAdividerStyle** specifies the CSS style of the NA divider that separate the NA answer from the other answers when **[[scaledmatrix#lastNA|lastNA]]** is true.+**NAdividerStyle** specifies the CSS style of the NA divider that separate the NA columns from the other answers when **[[scaledmatrix#lastNA|NAcols]]** is greater than 0 (zero).
  
-Default: : "1px solid #666666"+Default: : %%"1px solid #666666"%%
 ==== NAwidth ==== ==== NAwidth ====
-**NAwidth** is used to override the default width of NA column to make it a different width that the other columns when **[[scaledmatrix#lastNA|lastNA]]** is true. Specified as a percentage. Set to 0 (zero) to use default width.+**NAwidth** is used to override the default width of NA columns to make them a different width that the other columns when **[[scaledmatrix#lastNA|NAcols]]** is greater than 0 (zero). Specified as a percentage. Set to 0 (zero) to use default width.
  
 Default: 0 Default: 0
Line 89: Line 89:
 **scaleDividerStyle** specifies the CSS style of the scale dividers when **[[scaledmatrix#scaleDividers|scaleDividers]]** is specified. **scaleDividerStyle** specifies the CSS style of the scale dividers when **[[scaledmatrix#scaleDividers|scaleDividers]]** is specified.
  
-Default: "1px solid #666666"+Default: %%"1px solid #666666"%%
 ==== scaleImage ==== ==== scaleImage ====
 **scaleImage** specifies the url of the image that will be displayed above the scale. **scaleImage** specifies the url of the image that will be displayed above the scale.
  
-Default: "" (none)+Default: %%""%% (none)
 ==== scaleLabels ==== ==== scaleLabels ====
 **scaleLabels** is an array that specifies the scale labels. **scaleLabels** is an array that specifies the scale labels.
  
-Default: ["Extremely<br>Unlikely","Extremely<br>Likely"]+Default: %%["Extremely<br>Unlikely","Extremely<br>Likely"]%%
 ==== scaleLabelWidth ==== ==== scaleLabelWidth ====
 **scaleLabelsWidths** is an array that specifies the width of the scale labels. For example: ["30%","40%","30%"]. If provided it must match the number of **[[scaledmatrix#scaleLabels|scaleLabels]]**.  Setting to [] (blank) auto-calculates the widths. **scaleLabelsWidths** is an array that specifies the width of the scale labels. For example: ["30%","40%","30%"]. If provided it must match the number of **[[scaledmatrix#scaleLabels|scaleLabels]]**.  Setting to [] (blank) auto-calculates the widths.
scaledmatrix.1664411919.txt.gz · Last modified: 2022/09/28 19:38 by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki