Building4 Min.

How to use the picture choice block

Learn everything you need to know to use the picture choice block in your forms.


When to use

Use the picture choice block to let your respondents select one or multiple items from a set of picture choices you give them. Each picture choice can contain an image or an emoji.

Demonstration of two picture choice blocks with images and emojis.

How to use

Add a new block to your form and then select the question type Picture choice. You can now customize this block to your needs with the following features.

Basic features

Each question block has basic features to present the block the way you need, for example Name, Description and Help text. And most of the question blocks have common options, like the Required and Exportability options.

More information about these basic features can be found in the help article about our form builder.

Additional features

On top of those basic features, the picture choice block has the following advanced options:

  • Multiple select

    By default the picture choice block behaves a single selection, so respondents can only select one option from the list of choices.

    By enabling the Multiple select feature, you can choose how the block must behave. Enable Allow the selection of multiple images to let respondents select one or more option(s). Disable this option to restrict the selection to only one answer.

  • Size

    By default the choices are shown as medium sized buttons.

    By enabling the Size feature, you can choose what size the buttons should have: Small, Medium or Large.

Advanced options of the picture choice block.

Choices

From the list of choices you can open each choice to get to the features of that single choice. Over there you can use these advanced options:

  • Label

    This is the main label of the choice. You can select if you'd like to show this label in the button.

  • Image

    A picture choice always contains an image or emoji to show in the form.

    • By enabling Use an image you can enter a URL to the image you'd like to show. More information about using images can be found in this article.
    • By enabling Use an emoji you can enter an emoji icon you'd like to show. All emojis are available. You can easily search and select emojis using these keyboard shortcut:
      Windows: Windows key + .
      MacOS: CTRL + CMD + space
  • Description

    By enabling the Description feature, you can extend the button label with a description for example to show an extra explanation. This description is shown inside the button below the label.

  • URL

    You can even turn a choice into a real button that opens a URL. By enabling the URL feature, you can enter a URL that will be opened in a new tab/window when a respondent selects the option.

    Important notice: a choice that opens a URL can NOT be selected as an answer by your respondents.

  • Moniker

    The moniker is a feature you can use when you're implementing a repeated follow-up for multiple selected options. Inside the block(s) of the repeated follow-up, you can use the label of the selected choice, so you can clarify which selected choice the follow-up question is about. This is part of piping logic, as described in this article.

    But sometimes the label you used in the button isn't usable in the context of your follow-up. A simple example of such a scenario is when you entered the label in the button with a capital first letter, but you want to mention the label in the middle of a sentence in the follow-up (without a capital letter). By enabling the Moniker feature, you can enter a deviant label to use in the follow-up.

  • Identifier

    By enabling the Identifier feature you can set an identifier for that choice to use in the dataset (more information on identifiers over here).

  • Exclusivity

    By enabling the Exclusivity feature you can make that choice exclusive, so if a respondent selects that choice, all other choices will be unselected, making the selected choice exclusive. This feature is only available if your question allows the selection of multiple answers.

Advanced options of the choices inside the picture choice block.

Branch conditions

Logic is important to make your forms smart and conversational. The picture choice block can work with the following branch conditions to help you with that:

Basic conditions

  • Match one of the options;
  • No choice made.

Evaluate conditions

  • When value matches your filter;
  • When value does not match your filter;
  • When value contains your filter;
  • When value does not contain your filter;
  • When value is specified;
  • When value is not specified;
  • Per option: When value is true;
  • Per option: When value is false;
  • Per option: When value is specified;
  • Per option: When value is not specified.

Discover our form blocks

How to use the...
In this article

    Help us improve