User Tools

Site Tools


dualsidedslider

This is an old revision of the document!


dualSidedSlider- Slider for comparison between two

The dualSidedSlider function allows for the measurement of trade-offs between two items. It automatically allocates percentages (or some other allocation) to two items when the slider is moved and records both values. the dualSidedSlider function supports:

  • Not Applicable
  • Allocations other than percentage
  • Randomization

Here is a quick video demonstration:

This function is available for a reasonable fee. Contact TomG on the Qualtrics Community to learn more.

Set-up Instructions

Set-up Questions

dualSidedSlider requires two questions, a Slider question followed immediately by a Form Field question that will be hidden from the respondent.

Slider Question

Requirements for the Slider question:

  • One row - the row label can be any text and won't be displayed
  • Two labels - the two items being compared

Text Form Qustion

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 → and paste the provided freezeTopQ function JS:

<script>/*Paste dualSidedSlider function JS here*/</script>

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.

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:

Qualtrics.SurveyEngine.addOnload(function() {
	dualSidedSlider(this);
});

To change the default option (i.e., the scale), specify the desired options in the second function argument as an object. For example:

Qualtrics.SurveyEngine.addOnload(function() {
	dualSidedSlider(this,{max:10,after:"&nbsp;"});
});

Options

after

after specifies the character(s) to shown after the value.

Default: %

debug

debug turns on debug mode to see the values captured in the hidden question.

Default: false

max

max specifies the scale maximum (should match the slider scale maximum).

Default: 100

random

random turns on randomization, which randomly flips the left and right items.

Default: false

dualsidedslider.1650201861.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki