Campo Autocomplete

INTRODUÇÃO:

Um campo de autocomplete em um formulário web é um componente interativo que fornece sugestões de preenchimento automático com base no que o usuário está digitando. À medida que o usuário começa a digitar no campo, o autocomplete exibe uma lista suspensa de opções correspondentes que correspondem ao texto inserido até o momento. Isso ajuda a agilizar o processo de entrada de dados, economizando tempo e minimizando erros, ao mesmo tempo em que oferece uma experiência mais intuitiva ao usuário. O campo de autocomplete é comumente usado em formulários que requerem a seleção de opções predefinidas a partir de um conjunto de dados, como endereços, nomes de cidades, produtos, categorias, entre outros.

PROPRIEDADES:

• Obrigatório:

  • Campo do tipo caixa de seleção que pode ser marcada (ativada) ou desmarcada (desativada). Quando marcada, fará com que o usuário do fluxo seja obrigado a alimentar dados neste campo, não sendo possível prosseguir para próxima tarefa sem selecionar um das opções da lista.

• Rótulo:

  • Nome ser exibido acima do campo para identificá-lo visualmente no formulário.

• Texto De Ajuda:

  • Texto onde pode ser documentada alguma informação que possa auxiliar o usuário no preenchimento do campo (visível ao passar o mouse sobre o ícone de interrogação “?”).

• Texto Explicativo Do Campo:

  • Valor inicial a ser exibido dentro do campo, como ilustração do valor esperado, utilizado para auxiliar o usuário no preenchimento. Também conhecido com “placeholder”.

• Nome:

  • Campo onde deve ser informado um valor único(a nível de formulário) em formato alfa numérico, que será usado como uma “variável” para armazenar e recuperar o valor informado pelo usuário.

• Opções:

  • Aqui deverá ser montada a lista de opções (conjunto de dados, do tipo chave/valor) que será a fonte de dados para o campo autocomplete. Para criar novos elementos, clique em “Adicionar Opção” e em seguida informe um rótulo (nome) e valor. Ex: Rotulo: uf e Valor: minasgerais. Caso desejar remover elementos, utilize o botão em formato “x” ao final da linha ao lado do elemento desejado.

• Somente aceitar opção pré-definida:

  • Quando habilitada, faz com que sejam aceitos somente valores presentes nas lista de opções pré-definida acima. Quando desabilitados ira permitir ao usuário alimentar novos valores, mesmo que não façam parte da lista de opções.

• Condição:

  • Campo do tipo caixa de seleção que pode ser marcada (ativada) ou desmarcada (desativada). Quando marcada, fará com que o campo somente seja exibido se o resultado do teste condicional for TRUE
    • Expressão Condicional:

      • Campo do tipo texto onde deve ser criada a expressão condicional. E possível utilizar valores (campos ou variáveis) do mesmo formulário ou de outros formulários (tarefas anteriores já executadas).

      • Exemplo de uma expressão condicional:

        CODE

        ${nomeCampo} == 'minasgerais'

Onde nomeCampo é nome de qualquer campo do mesmo formulário.

info

Caso desejar utilizar, no teste condicional, um campo de outra tarefa (formulário diferente), será necessário utilizar um campo oculto, e nele “setar” o valor desejado, por meio dos eventos da tarefa.