# Imagem

Para configurar o widget, é necessário realizar as seguintes ações:

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

O widget Imagem exibe imagens em um formulário, o que pode ser útil para fornecer dicas visuais adicionais.

Para configurar o elemento, clique no ícone de edição ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeXTX-BEz59o6I--qrWKUCtljxPo0VhkxEkUwjbTLUXeK6IpPukHyIT4mkNuwS7scxCkd6fjDXo9nFVHWjsajQ6i_Out8st0szgGjvJTGrkPeJ47vwPEwPncyH7ZBC-ZvALBzygpQ?key=yNHahuKvsa2PDJwdvKCyLYEE).

Uma janela pop-up “Configurações do elemento” será aberta:

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

### Campos para configuração do widget

Preencha os campos necessários para configurar o widget.

**“Obrigatório”** – checkbox, preenchido manualmente com o botão esquerdo do mouse. Destina-se a colorir o campo de vermelho, caso o Usuário não tenha preenchido este widget.

**“Nome visível”** – campo de texto, preenchido manualmente com o teclado. Permite especificar um nome para o widget.

**“Nome do Parâmetro na Tarefa (Task)”** – campo de texto, preenchido manualmente com o teclado. Permite especificar o nome do Parâmetro que será enviado à Tarefa ao enviar o formulário. Se o Parâmetro especificado da Tarefa selecionada contiver um link para uma imagem, ela será exibida no formulário.

**“Placeholder”** – campo de texto, preenchido manualmente com o teclado. Permite especificar um texto de placeholder que será exibido no campo de entrada até que o usuário comece a digitar um valor.

**“Classe”** – campo de texto, preenchido manualmente com o teclado. Permite especificar uma classe CSS que será aplicada ao elemento. Isso permite alterar o estilo do widget, como cor, tamanho ou fonte.

**“Expressão regular (Regexp)”** – campo de texto, preenchido manualmente com o teclado. Permite definir uma expressão regular para validação da entrada.

**“Mensagem de erro de validação”** – campo de texto, preenchido manualmente com o teclado. Permite especificar um texto que será exibido ao Usuário caso o valor inserido não passe na validação.

**“Dica”** – campo de texto, preenchido manualmente com o teclado. Permite especificar uma dica adicional que ajudará o usuário a entender o que exatamente deve ser inserido.

**“URL do arquivo”** – campo de texto, preenchido manualmente com o teclado. Permite especificar um link para um arquivo JPG ou PNG que será exibido no formulário.

### **Exemplo de preenchimento**

<table data-header-hidden><thead><tr><th width="214"></th><th></th></tr></thead><tbody><tr><td><strong>Nome do campo</strong></td><td><strong>Valor</strong></td></tr><tr><td>Checkbox "Obrigatório"</td><td><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcza-idV-VdlY8cQ1Y37d4Yn8rariKlOI4-TINuAaY416DDVZiyCKiRRlewhJDJHUASpLWgGsNXps94Gyg6yZ0SvIQmQJ9TvJK2vHVtIixKMHDoBaSgeEVnGPk_RulHC_xnqLZv1w?key=yNHahuKvsa2PDJwdvKCyLYEE" alt=""></td></tr><tr><td>Nome visível</td><td>Imagem para avatar</td></tr><tr><td>Nome do Parâmetro na Tarefa (Task)</td><td>avatar_selection</td></tr><tr><td>Placeholder</td><td>Clique para aumentar a imagem</td></tr><tr><td>Classe</td><td>avatar-picker-widget</td></tr><tr><td>Expressão regular (Regexp)</td><td><br></td></tr><tr><td>Mensagem de erro de validação</td><td>Imagem não selecionada.</td></tr><tr><td>Dica</td><td>Imagem selecionada como seu avatar.</td></tr><tr><td>URL do arquivo</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>

Resultado:

<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/pt/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.