Image Picker

Edit in →
Survey Creator

Image picker (image chooser) is a question type that displays multiple images or videos and allows users to select one or more items. This demo shows how to configure an image chooser survey question in your JavaScript framework. Read more...

Themes
Color palette
Question appearance
Sorry, we can't retrieve the data from server. Please comeback later.

Image picker (image chooser) is a question type that displays multiple images or videos and allows users to select one or more items. This demo shows how to configure an image chooser survey question in your JavaScript framework.

Create an Image Picker Question

To create an image chooser question, define an object with the type property set to "imagepicker" and add it to the elements array. Use the choices array to specify choice values. Each object in this array should have the following structure:

{
  "value": any, // A value to be saved in the survey results
  "text": String, // A display text (label). When `text` is undefined, `value` is used. 
  "imageLink": String // A link to the image or video that represents this choice value.
}

If you want to load choice values from a RESTful service, use the choicesByUrl property instead. Refer to the ChoicesRestful object for information on how to configure this property. The demo on this page defines local choices.

Display Image Labels

Image picker questions can display explanatory labels under images. Label texts are taken from the text property of choice objects or from the value property if text is undefined. To display image labels, enable the showLabel property.

Enable Multiple Image Selection

This demo allows you to select more than one image. To enable this behavior in your application, set the multiSelect property to true. With this setting, the question value contains an array of selected choice values instead of a single value.

Enable the Video Picker Mode

You can also use the image chooser question as a video picker. Set the contentMode property to "video" to display videos instead of static images. This example does not demonstrate the video picker mode.

Why we use cookies.

This site uses cookies to make your browsing experience more convenient and personal. Cookies store useful information on your computer to help us improve the efficiency and relevance of our site for you. In some cases, they are essential to making the site work properly. By accessing this site, you consent to the use of cookies.

For more information, refer to DevSoft Baltic’ Terms of Use & Privacy Statement.

Your renewal subscription expires soon.

Since the license is perpetual, you will still have permanent access to the product versions released within the first 12 month of the original purchase date.

If you wish to continue receiving technical support from our Help Desk specialists and maintain access to the latest product updates, make sure to renew your subscription by clicking the "Renew" button below.

Your renewal subscription has expired.

Since the license is perpetual, you will still have permanent access to the product versions released within the first 12 month of the original purchase date.

If you wish to continue receiving technical support from our Help Desk specialists and maintain access to the latest product updates, make sure to renew your subscription by clicking the "Renew" button below.