This is an old revision of the document!
Table of Contents
bpSliders - Bipolar or AHP Sliders
The bpSliders function converts a Qualtrics Slider question into Bipolar or AHP Sliders. Functionality includes:
- Support and automatic detection of Mobile and non-Mobile Friendly
- Control of minimum spacing between scale labels
- Turning display of the numeric scale on or off
- Optional suppression of numeric scale minus signs
- Repeating of numeric scale
- Highlighting of unanswered rows
This function is available for a reasonable fee. Contact TomG on the Qualtrics Community to learn more.
Set-up Instructions
Add Function To Survey
To make the function available to all questions in the survey, copy the function to the Survey Header inside a script tag:
Add the bpSliders function to the survey header to make it available to any question in the survey. Go to Look & Feel → General → Header edit →
and paste the provided bpSliders function JS:
<script>/*Paste bpSliders function JS here*/</script>
Alternatively, paste the bpSliders 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 bpSliders function to apply it to the Slider question as follows:
Qualtrics.SurveyEngine.addOnload(function() {
bpSliders(this);
});
To override the default options, specify the desired options in the second function argument as an object. For example:
Qualtrics.SurveyEngine.addOnload(function() {
bpSliders(this,{showScale:true,repeatScale:3});
});
Slider Labels
Label each slider with its left and right labels using the span class bpsRight like this:
Simple<span class="bpsRight">Complex</span>
Options
highlightErrors
allowZero specifies if zero answers should be allowed.
Default: true (on)
highlightErrors
highlightErrors turns highlighting of unanswered rows on or off.
Default: true (on)
highlightErrorStyle
highlightErrorStyle defines the CSS style used for highlighting unanswered rows.
Default: 1px solid red
lwidth
lwidth ONLY applies to non-mobile friendly sliders and specifies the width of the slider labels in pixels.
Default: 120
repeatScale
repeatScale defines how often the numeric scale should be repeated if showScale is true (e.g., repeatScale:3 means repeat every 3 rows). 0 (zero) turns repeat off.
Default: 0
separationPercent
separationPercent specifies the minimum amount of separation that should be maintained between scale labels as a percentage of the slider width.
Default: 24
showScale
showScale specifies whether the numeric scale should be displayed.
Default: false
suppressScaleMinus
suppressScaleMinus specifies whether numeric scale minus signs should be suppressed is showScale is true (e.g. a numeric scale that goes from -10 to 10).
Default: true

