Imagem#

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

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 .

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

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#

Nome do campoValor
Checkbox "Obrigatório"
Nome visívelImagem para avatar
Nome do Parâmetro na Tarefa (Task)avatar_selection
PlaceholderClique para aumentar a imagem
Classeavatar-picker-widget
Expressão regular (Regexp)
Mensagem de erro de validaçãoImagem não selecionada.
DicaImagem selecionada como seu avatar.
URL do arquivohttps://w7.pngwing.com/pngs/340/946/png-transparent-avatar-user-computer-icons-software-developer-avatar-child-face-heroes-thumbnail.png

Resultado: