# Image

To configure the widget, you need to perform the following actions:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXes4kGgNYoBUABYm-OdRk0lxCUHNNnQPk7rRjS9ceMxGpHXeeailbD0jxwK4hGZ_ohgb5ZXG5SIB8CV0awZozChaWWUN536vpLiPDzSg50FQkcw7nls4rpgdY1V1WElZUFqMM_hjw?key=yNHahuKvsa2PDJwdvKCyLYEE" alt=""><figcaption></figcaption></figure>

The Image widget displays images in the form, which can be useful for providing additional visual cues.

To configure the element, click on the edit icon ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeXTX-BEz59o6I--qrWKUCtljxPo0VhkxEkUwjbTLUXeK6IpPukHyIT4mkNuwS7scxCkd6fjDXo9nFVHWjsajQ6i_Out8st0szgGjvJTGrkPeJ47vwPEwPncyH7ZBC-ZvALBzygpQ?key=yNHahuKvsa2PDJwdvKCyLYEE).

A pop-up window “Element Settings” will open:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXccQP7CVRiPI3uQbOZv-ZrP84dIWu_G2FAuRREAIegIyq4m-rNcLM46CrVVYUTiw_ENMJGDEQKHPevSr9qKptPNlHfm-r_vZQulhWPg4ZZRRlB7Htob0zsjBm626WZKdhni_AVD?key=yNHahuKvsa2PDJwdvKCyLYEE" alt=""><figcaption></figcaption></figure>

### Widget Configuration Fields

Fill in the necessary fields to configure the widget.

**“Required”** – a checkbox, filled manually with the left mouse button. It is intended to color the field red if the User has not filled in this widget.

**“Visible Name”** – a text field, filled manually from the keyboard. It allows you to specify a name for the widget.

**“Parameter Name in Task”** – a text field, filled manually from the keyboard. It allows you to specify the name of the Parameter that will be sent to the Task when the form is submitted. If the specified Parameter of the selected Task contains a link to an image, it will be displayed in the form.

**“Placeholder”** – a text field, filled manually from the keyboard. It allows you to specify a placeholder text that will be displayed in the input field until the user starts entering a value.

**“Class”** – a text field, filled manually from the keyboard. It allows you to specify a CSS class that will be applied to the element. This allows you to change the style of the widget, such as color, size, or font.

**“Regular Expression (Regexp)”** – a text field, filled manually from the keyboard. It allows you to set a regular expression for input validation.

**“Validation Error Message”** – a text field, filled manually from the keyboard. It allows you to specify the text that will be displayed to the User if the entered value fails validation.

**“Hint”** – a text field, filled manually from the keyboard. It allows you to specify an additional hint that will help the user understand what needs to be entered.

**“File URL”** – a text field, filled manually from the keyboard. It allows you to specify a link to a JPG or PNG file that will be displayed in the form.

### **Example of Filling**

<table data-header-hidden><thead><tr><th width="214"></th><th></th></tr></thead><tbody><tr><td><strong>Field Name</strong></td><td><strong>Value</strong></td></tr><tr><td>Checkbox "Required"</td><td><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcza-idV-VdlY8cQ1Y37d4Yn8rariKlOI4-TINuAaY416DDVZiyCKiRRlewhJDJHUASpLWgGsNXps94Gyg6yZ0SvIQmQJ9TvJK2vHVtIixKMHDoBaSgeEVnGPk_RulHC_xnqLZv1w?key=yNHahuKvsa2PDJwdvKCyLYEE" alt=""></td></tr><tr><td>Visible Name</td><td>Image for Avatar</td></tr><tr><td>Parameter Name in Task</td><td>avatar_selection</td></tr><tr><td>Placeholder</td><td>Click to enlarge the image</td></tr><tr><td>Class</td><td>avatar-picker-widget</td></tr><tr><td>Regular Expression (Regexp)</td><td><br></td></tr><tr><td>Validation Error Message</td><td>No image selected.</td></tr><tr><td>Hint</td><td>The image is selected as your avatar.</td></tr><tr><td>File URL</td><td><a href="https://w7.pngwing.com/pngs/340/946/png-transparent-avatar-user-computer-icons-software-developer-avatar-child-face-heroes-thumbnail.png">https://w7.pngwing.com/pngs/340/946/png-transparent-avatar-user-computer-icons-software-developer-avatar-child-face-heroes-thumbnail.png</a></td></tr></tbody></table>

Result:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeZuEx-TCPQdDw0kekgqSnNGMJ7MqSTiTYDICCPGTadCFF-JVDib7zUBMSTTcvPrIEFGK0zM7xGPP62xfg9VYneMKv3-fX-iU5flEt5tJAKGgeuuEI_Bi0nn3XNVLVnYAaWCbAI1g?key=yNHahuKvsa2PDJwdvKCyLYEE" 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://docs.sherparpa.ru/en/sherpa-rpa/sherpa-orchestrator/rabota-v-sherpa-orchestrator/ekrany/deistviya/dizainer-formy/image.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.