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.

Screenshot of picture choices in Tripetto
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.

  • Labels

    By default each choice will be marked as Selected or Not selected in your dataset (your results). By enabling the Labels feature you can overwrite these labels in your dataset with your own values for each choice individually (more information about labels). This feature is only available if your question allows the selection of multiple answers.

  • Score

    You can attach scores to the choices to perform instant calculations. By enabling the Score feature you can enter the desired score value per choice (more information about instant scores).

Screenshot of the form builder in Tripetto
Advanced options of the picture choice block.

Choices

For the picture choice block you can enter the list of choices you want to show to your respondents:

  • To add choices one by one click the icon at the bottom of the list;
  • To import a list of choices at once, click the icon at the top of the list. You can now supply a list with one option label per text line and click Import to add them to your list of choices.
Screenshot of the form builder in Tripetto
Importing choices in the picture choice block.

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

  • Name

    This is the name of the choice. You can select if you'd like to show this name 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 name with a description for example to show an extra explanation. This description is shown inside the button below the name.

  • 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.

  • 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.

  • Labels

    By default each choice will be marked as Selected or Not selected in your dataset (your results). By enabling the Labels feature you can overwrite these labels in your dataset with your own values for each choice (more information about labels). This feature is only available if your question allows the selection of multiple answers.

  • Identifier

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

  • Score

    By enabling the Score feature you can enter the desired score value for that choice (more information about instant scores).

Screenshot of the form builder in Tripetto
Advanced options of the choices inside the picture choice block.

Logic

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:

Block conditions

  • Match one of the options;
  • No image selected.

Evaluate conditions

Conditions for whole block:

  • Value matches your filter;
  • Value does not match your filter;
  • Value contains your filter;
  • Value does not contain your filter;
  • Value starts with your filter;
  • Value ends with your filter;
  • Value is empty;
  • Value is not empty.

Conditions for each option:

  • Option is true;
  • Option is false;
  • Option equals your filter;
  • Option not equals your filter;
  • Option is empty;
  • Option is not empty.

Score conditions

  • Score is equal to your filter;
  • Score is not equal to your filter;
  • Score is lower thanyour filter;
  • Score is higher than your filter;
  • Score is between your filters;
  • Score is not between your filters;
  • Score is calculated;
  • Score is not calculated.

Filters

When we mention your filter above, there are some different filters that you can use to make the right comparison:

  • Text - Compare with a fixed text that you enter;
  • Value - Compare with another block value entered in the form by a respondent (more info).

Calculations

You can use the calculator block to perform calculations with given answers. The multiple choice block supports the following calculation operations:

  • Score - Calculate a score based on the entered score list for choices;
  • Count - Count the number of selected choices. Only available for multiple select;
  • Choice value - Output a value based on an individual selected/not-selected choice (boolean). Only available for multiple select.

Discover our form blocks

How to use the...
In this article

    Help us improve