DropdownResponse
The DropdownResponse interface is used to define the properties of a dropdown response. DropdownResponses render as a select input with user specified options.
Example:
{
"id": "q-color",
"prompt": "What is your favorite color?",
"required": true,
"location": "aboveStimulus",
"type": "dropdown",
"placeholder": "Please choose your favorite color",
"options": ["Red", "Blue"]
}
Extends
Properties
| Property | Type | Description | Inherited from |
|---|---|---|---|
hidden? | boolean | Controls whether the response is hidden. | BaseResponse.hidden |
id | string | The id of the response. This is used to identify the response in the data file. | BaseResponse.id |
location? | "sidebar" | "aboveStimulus" | "belowStimulus" | Controls the response location. These might be the same for all responses, or differ across responses. Defaults to belowStimulus | BaseResponse.location |
options | (string | StringOption)[] | The options that are displayed in the dropdown. | - |
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 |
placeholder? | string | The placeholder text that is displayed in the input. | - |
prompt | string | The prompt that is displayed to the participant. You can use markdown here to render images, links, etc. | BaseResponse.prompt |
required | boolean | Controls whether the response is required to be answered. | BaseResponse.required |
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 |
requiredValue? | unknown | You can provide a required value, which makes it so a participant has to answer with that value. | BaseResponse.requiredValue |
secondaryText? | string | The secondary text that is displayed to the participant under the prompt. This does not accept markdown. | BaseResponse.secondaryText |
type | "dropdown" | - | - |