# Active labels

An interactive picture with clickable labels. Clicking these labels shows more information to the user.

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

#### Double-click on an element to view its settings.

### 1. Change image

To change the image, click on the image file's name and select or [upload ](broken://pages/1zjSTjH7pgMiPT2FRC83#upload-resources)new image.

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

### 2. Add label

To add a new label, click on "**Add**" button placed in the element settings

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

### 3. Change label type

{% hint style="info" %}
Active label can be two types: icon and number.
{% endhint %}

To change active label view, switch property **type** in the element settings.

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

### 4. Delete label

To remove a label, select the **"delete"** option in the element settings.

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

### 5. Duplicate label

To duplicate a label, select the **"duplicate"** option in the element settings.

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

### 6. Move label

To move a label, just drag the label to where you want it to appear.

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

### 7. Add label content

To add text content to a label, click on a label and insert required information.

<figure><img src="/files/5s3RQ22jZPreuQQiE52O" alt=""><figcaption></figcaption></figure>

To add an image to a label, click on a label setting "**upload file**" and select or [upload ](broken://pages/1zjSTjH7pgMiPT2FRC83#upload-resources)new image.

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

### 8. Change label icon

To change a label icon, click on a "**label icon**" property and  select or [upload ](broken://pages/1zjSTjH7pgMiPT2FRC83#upload-resources)new image.

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


---

# Agent Instructions: 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://help.parta.io/editor/edit-elements/set-interactive-elements/active-labels.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.