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 campo | Valor |
| Checkbox "Obrigatório" | |
| Nome visível | Imagem para avatar |
| Nome do Parâmetro na Tarefa (Task) | avatar_selection |
| Placeholder | Clique para aumentar a imagem |
| Classe | avatar-picker-widget |
| Expressão regular (Regexp) | |
| Mensagem de erro de validação | Imagem não selecionada. |
| Dica | Imagem selecionada como seu avatar. |
| URL do arquivo | https://w7.pngwing.com/pngs/340/946/png-transparent-avatar-user-computer-icons-software-developer-avatar-child-face-heroes-thumbnail.png |
Resultado: