User Tools

Site Tools


dualsidedslider

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
dualsidedslider [2022/04/17 11:25] admindualsidedslider [2023/06/20 07:14] (current) – [Set-up Questions] admin
Line 4: Line 4:
   * Not Applicable option   * Not Applicable option
   * Allocations other than percentage   * Allocations other than percentage
-  * Randomization+  * Item randomization
   * Mobile devices   * Mobile devices
  
Line 21: Line 21:
   * Scale must start at zero   * Scale must start at zero
   * Show value on   * Show value on
-  * Mobile friendly off+  * Mobile friendly off (dualSidedSlider is still mobile compatible even though Mobile friendly is turned off)
   * Start position at midpoint   * Start position at midpoint
 === Text Form Question === === Text Form Question ===
Line 28: Line 28:
   * Two fields   * Two fields
   * First field must match left label in Slider question   * First field must match left label in Slider question
-  * Second field must match right label in Slider field+  * Second field must match right label in Slider question
 ==== Add Function To Survey ==== ==== Add Function To Survey ====
 Add the **dualSidedSlider** 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 freezeTopQ function JS: Add the **dualSidedSlider** 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 freezeTopQ function JS:
Line 34: Line 34:
 <script>/*Paste dualSidedSlider function JS here*/</script> <script>/*Paste dualSidedSlider function JS here*/</script>
 </code> </code>
-Alternatively, paste the dualSidedSlider function JS into a question's JS __outside__ the existing Qualtrics functions to make it available to questions on the page.+Alternatively, paste the dualSidedSlider function JS into a slider question's JS __outside__ the existing Qualtrics functions to make it available to questions on the page.
 ==== JavaScript Function Call ==== ==== JavaScript Function Call ====
-Add JS to call the dualSidedSlider function to apply it to the first question on a page (the question to be frozen at the top) as follows:+Add JS to call the dualSidedSlider function to apply it to the slider question as follows:
 <code> <code>
 Qualtrics.SurveyEngine.addOnload(function() { Qualtrics.SurveyEngine.addOnload(function() {
Line 43: Line 43:
 </code> </code>
  
-To change the default option (i.e., the scale), specify the desired options in the second function argument as an object. For example:+To change the default **[[dualsidedslider#Options|options]]**, specify the desired options in the second function argument as an object. For example:
 <code> <code>
 Qualtrics.SurveyEngine.addOnload(function() { Qualtrics.SurveyEngine.addOnload(function() {
- dualSidedSlider(this,{max:10,after:"&nbsp;"});+ dualSidedSlider(this,{max:10,after:"&nbsp;",random:true});
 }); });
 </code> </code>
 ===== Options ===== ===== Options =====
 ==== after ==== ==== after ====
-**after** specifies the character(s) to shown after the value.+**after** specifies the character(s) to show after the value.
  
-Default: %+Default: %%"%"%%
 ==== debug ==== ==== debug ====
 **debug** turns on debug mode to see the values captured in the hidden question. **debug** turns on debug mode to see the values captured in the hidden question.
Line 66: Line 66:
  
 Default: false Default: false
 +====== Qualtrics Wiki ======
 +[[start|Qualtrics Wiki]]
dualsidedslider.1650209106.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki