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: