User Tools

Site Tools


dualsidedslider

This is an old revision of the document!


dualSidedSlider- Slider for comparison between two

The dualSidedSlider function allow 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. Functionality includes:

  • Supports 'Not Applicable'
  • Support allocations other than percentage

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

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 adjust top or bottom question padding, specify the desired options in the second function argument as an object. For example:

Qualtrics.SurveyEngine.addOnload(function() {
	freezeTopQ(this,{paddingTop:"5px",paddingBottom:"5px"});
});

Options

paddingBottom

paddingBottom specifies the bottom padding of the first question.

Default: theme default

paddingTop

paddingTop specifies the top padding of the first question.

Default: theme default

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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki