Número de entrada#
Para configurar o widget, é necessário realizar as seguintes ações:
O widget Número de entrada exibe um campo para a entrada de um valor numérico pelo Usuário, permitindo o uso de dicas e restrições para a entrada apenas de valores corretos.
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, se o Usuário não preencher 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. Neste campo é exibido o texto que corresponde ao valor do Parâmetro da Tarefa selecionada. O Usuário pode alterar esse valor no campo de texto, e após salvar o formulário, o novo valor será gravado no Parâmetro da Tarefa selecionada. Isso significa que ao fazer alterações no campo de texto, o Usuário pode atualizar as informações na Tarefa, bastando apenas inserir um novo valor e salvar as alterações.
“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 inserir 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, por exemplo, 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. Por exemplo, ^\d+$ garante que apenas um número inteiro seja inserido.
“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 deve ser inserido.
“Valor padrão” – campo de texto, preenchido manualmente com o teclado. Permite especificar um valor que será exibido no campo de entrada por padrão.
“Valor mínimo” – campo de texto, preenchido manualmente com o teclado. Permite especificar o valor mínimo permitido que o Usuário pode inserir.
“Valor máximo” – campo de texto, preenchido manualmente com o teclado. Permite especificar o valor máximo permitido que o Usuário pode inserir.
“Número máximo de caracteres” – campo de texto, preenchido manualmente com o teclado. Permite especificar o número máximo de caracteres que podem ser inseridos.
Exemplo de preenchimento#
| Nome do campo | Valor |
|---|---|
| Checkbox "Obrigatório" | |
| Nome visível | Idade |
| Nome do Parâmetro na Tarefa (Task) | user_age |
| Placeholder | Insira sua idade |
| Classe | input-age |
| Expressão regular (Regexp) | ^\d+$ |
| Mensagem de erro de validação | Por favor, insira um número válido. |
| Dica | A idade deve estar entre 0 e 120. |
| Valor padrão | 0 |
| Valor mínimo | 0 |
| Valor máximo | 120 |
| Número máximo de caracteres | 3 |
Resultado: