User Tools

Site Tools


bpsliders

This is an old revision of the document!


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

Here are some examples:
bpSliders Examples

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

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

bpsliders.1644164833.txt.gz · Last modified: by admin

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki