A slider is a graphical control element with which a respondent may set a value by moving an indicator in a horizontal or vertical fashion, or by clicking on a point on the scale. Closed-end radio slider questions can be created via the type: radio slider tag.
Try it!
For information on creating open-ended slider questions, see Slider questions.
For information on creating closed-end scale ratings using stars and other icons, see Radio star questions.
Details
- Radio sliders are compatible with both simple tables and the
start tablewidget. - Options for the scale can be text (e.g., Very Satisfied, ..., Satisfied) or created numerically with the
seriestag orseriesfunction. - Radio sliders are displayed horizontally by default but can be flipped vertically with the
vertical: ytag.
Tags
| Tag | Description |
breakheadings |
Accepts 'y' and 'n' inputs. Enables a line break in column headings in a logical place. If a heading is not being split as desired, use This will be skipped if manual '<br>' HTML tags are present in the headings. |
|
Specifies a starting point for the "thumb"/cursor on the scale and sets the initial value for the question. Use the option ID, e.g., 4, as the input. |
|
|
|
Creates a single header for the options. |
|
|
Creates two or more headings above the table options. These headings are separated by commas and placed on the the polar extremes of the table (e.g., |
height |
Used with vertical: y. Specifies the height of the slider widget in either pixels or as a percent (with percent sign). Use integer input. |
|
(alias |
Set to 'y' to display the label steps above the slider. Defaults to 'n' (displaying label steps below slider). |
|
(alias |
Set to 'y' to hide the labels of the slider. |
value display |
Specifies whether or not to display the value selected on the slider scale. Defaults to 'y' for sliders and 'n' for radio sliders. |
vertical |
Set to 'y' to flip scale orientation to vertical. |
width |
Specifies the width of the slider widget in pixels or as a percent (with percent sign); requires whole number input. |
Additional examples
Setting an initial value and displaying option values
When applied to radio sliders, the dvalue tag's input indicates the option ID to set the "thumb"/cursor at initially. Including the value display: y tag will cause the option's ID to appear below the scale once selected since its labels have been shifted above the scale.
Vertical radio sliders
To flip the slider's orientation to vertical, add vertical: y. The height tag has been included to specify the length of the slider scale.
Radio slider tables with headings
The headings tag can be applied to both radio sliders and radio slider tables to clarify numeric scales.
Comments
0 comments
Please sign in to leave a comment.