SliderResponse

Defined in: parser/types.ts:988

The SliderResponse interface is used to define the properties of a slider response. SliderResponses render as a slider input with user specified steps. For example, you could have steps of 0, 50, and 100.

{
  "id": "q-slider",
  "prompt": "How are you feeling?",
  "location": "aboveStimulus",
  "type": "slider",
  "default": 50,
  "options": [
    {
      "label": "Bad",
      "value": 0
    },
    {
      "label": "OK",
      "value": 50
    },
    {
      "label": "Good",
      "value": 100
    }
  ]
}

Extends

BaseResponse

Properties

Property	Type	Description	Inherited from	Defined in
`default?`	`number`	The default value of the response. Specify a numeric value that falls within the slider range.	-	parser/types.ts:993
`delay?`	`number`	Delay in milliseconds before an element activates. Must be non-negative; defaults to 0 meaning the element is always active. Minimum 0	`BaseResponse`.`delay`	parser/types.ts:520
`excludeFromRandomization?`	`boolean`	Exclude response from randomization. If present, will override the `responseOrder` randomization setting in the components. Defaults to false.	`BaseResponse`.`excludeFromRandomization`	parser/types.ts:516
`hidden?`	`boolean`	Controls whether the response is hidden.	`BaseResponse`.`hidden`	parser/types.ts:506
`id`	`string`	The id of the response. This is used to identify the response in the data file.	`BaseResponse`.`id`	parser/types.ts:486
`infoText?`	`string`	The description that is displayed when the participant hovers over the response. This does not accept markdown.	`BaseResponse`.`infoText`	parser/types.ts:494
`location?`	`ConfigResponseBlockLocation`	Controls the response location. These might be the same for all responses, or differ across responses. Defaults to `belowStimulus`	`BaseResponse`.`location`	parser/types.ts:498
`onSubmit?`	`GlobalStoreAction`[]	Apply these actions to the final submitted answer, in declared order.	`BaseResponse`.`onSubmit`	parser/types.ts:484
`options`	`NumberOption`[]	This defines the steps in the slider and the extent of the slider as an array of objects that have a label and a value.	-	parser/types.ts:991
`paramCapture?`	`string`	Use to capture querystring parameters in answers such as participant_name. See the examples for how this is used, but prefer `uiConfig.urlParticipantIdParam` if you are capturing a participant ID.	`BaseResponse`.`paramCapture`	parser/types.ts:504
`path?`	`string`	Path under `src/public/` to response code. Custom responses require a default React component. Any response code module may export `validate(value, values, response)` to return an error message, a boolean validity result, or null for valid input. It may separately export `score(value, values, response, expected?)` to return a boolean or a score from 0 to 1; null uses ordinary correct-answer matching. `expected` is the configured correct answer when correctness is checked.	`BaseResponse`.`path`	parser/types.ts:488
`prompt`	`string`	The prompt that is displayed to the participant. You can use markdown here to render images, links, etc.	`BaseResponse`.`prompt`	parser/types.ts:490
`required?`	`boolean`	Controls whether the response is required to be answered. Defaults to true.	`BaseResponse`.`required`	parser/types.ts:496
`requiredLabel?`	`string`	You can provide a required label, which makes it so a participant has to answer with a response that matches label.	`BaseResponse`.`requiredLabel`	parser/types.ts:502
`requiredValue?`	`unknown`	You can provide a required value, which makes it so a participant has to answer with that value.	`BaseResponse`.`requiredValue`	parser/types.ts:500
`secondaryText?`	`string`	The secondary text that is displayed to the participant under the prompt. This does not accept markdown.	`BaseResponse`.`secondaryText`	parser/types.ts:492
`smeqStyle?`	`boolean`	Whether to render the slider with a SMEQ style. Defaults to false.	-	parser/types.ts:1007
`snap?`	`boolean`	Whether the slider should snap between values. Defaults to false. Slider snapping disables the label above the handle.	-	parser/types.ts:997
`spacing?`	`number`	The spacing between the ticks. If not provided, the spacing is the largest power of 10 smaller than the slider range.	-	parser/types.ts:1001
`startingValue?`	`number`	The starting value of the slider. Defaults to the minimum value.	-	parser/types.ts:995
`step?`	`number`	The step value of the slider. If not provided (and snap not enabled), the step value is calculated as the range of the slider divided by 100.	-	parser/types.ts:999
`style?`	`Styles`	You can set styles here, using React CSSProperties, for example: `{"width": 100}` or `{"width": "50%"}`	`BaseResponse`.`style`	parser/types.ts:514
`stylesheetPath?`	`string`	The path to the external stylesheet file.	`BaseResponse`.`stylesheetPath`	parser/types.ts:512
`tlxStyle?`	`boolean`	Whether to render the slider with a NASA-tlx style. Defaults to false.	-	parser/types.ts:1005
`type`	`"slider"`	-	-	parser/types.ts:989
`visibleIf?`	`ResponseVisibilityCondition`	Show this response only when another response in this component satisfies the condition.	`BaseResponse`.`visibleIf`	parser/types.ts:518
`withBar?`	`boolean`	Whether to render the slider with a bar to the left. Defaults to true.	-	parser/types.ts:1003
`withDivider?`	`boolean`	Renders the response with a trailing divider. If present, will override the divider setting in the components or `uiConfig`.	`BaseResponse`.`withDivider`	parser/types.ts:508
`withDontKnow?`	`boolean`	Renders the response with an option for "I don't know". This counts as a completed answer for the validation.	`BaseResponse`.`withDontKnow`	parser/types.ts:510

Extends​

Properties​

Extends

Properties