> For the complete documentation index, see [llms.txt](https://docs.wem.io/platform/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wem.io/platform/wemtipsandtricks/widgets/advanced-input/conceptset-image-selector.md).

# Conceptset Image Selector

The conceptset image selector widget allows you to make a selection in a set of concepts. This works by using a multi-select field and shows the images added to the concept properties. 

<figure><img src="/files/BjiIYNwN8KlNPYo41xGs" alt=""><figcaption></figcaption></figure>

<div data-full-width="true"><figure><img src="/files/OWxTKsK7rEHANAx04YpB" alt=""><figcaption></figcaption></figure></div>

### Properties

#### General

| Property Name     | Datatype                | Description                                                                                                                                                                                         |
| ----------------- | ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Concept set field | multi select, datafield | This widget uses a set of concepts. A toggle option with image is displayed for each concept of the provided concept set. The user can select one or more concepts of the 'multi select' datafield. |
| Image             | image, expression       | Provide the image for each option of the multi select (concept set).                                                                                                                                |
| Label             | text, expression        | Provide the label text for each option of the multi select (concept set).                                                                                                                           |

Behavior

| Property Name  | Datatype | Description                                                                |
| -------------- | -------- | -------------------------------------------------------------------------- |
| Refresh screen | dropdown | When 'Yes' the screen will be refreshed after toggling one of the options. |

Appearance

| Property Name    | Datatype | Description                                                                                                                                               |
| ---------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Label position   | dropdown | Display the label text above or below the image.                                                                                                          |
| Background color | dropdown | Changes the label background color of selected concepts using Bootstrap contexts such as "success", "warning" and "danger".                               |
| Width            | number   | Changes the width of each option in pixels (both image and label).                                                                                        |
| Height           | number   | Changes the height of each option in pixels (only image). By default the height is based on the provided image and selected width (keeping aspect ratio). |

{% hint style="info" %}
*Note that when both 'Width' and 'Height' properties are not set, the widget will automatically determine the size.*
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wem.io/platform/wemtipsandtricks/widgets/advanced-input/conceptset-image-selector.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.