Configuração

Componente

As propriedades de componente estão intrisicamente ligadas ao "Componente". Vêm previamente carregadas e são as propriedades que o Low Code já conhece. Esses componentes aparecerão ao manipular os formulários.

Document image

  • É possível buscar por um componente (de entrada de tipo texto) clicando na barra de busca que aparece no lado superior direito:
Document image


Campo

Descrição

Nome (*)

Identificador único do componente

Descrição

Identifique o componente com uma pequena descrição

Tipo (*)

Classifica o modo de exibição dos componentes na tela de formulários;

Versão

Versão mais atualizada do componente

Ícone (*)

São as imagens que serão incluídas, previamente cadastradas

Propriedades

Todas as Propriedades inseridas aparecerão no formulário. Determine também quais serão utilizadas.

Propriedades Selecionadas

  1. ngBlur: É uma diretiva padrão do AngularJS que é usada para reagir ao evento "blur" (perda de foco) de um elemento HTML, como uma caixa de texto. Você pode associar uma expressão ou função a essa diretiva para executar ações quando o usuário sai do campo de texto.
  2. ngDisabled: É uma diretiva padrão do AngularJS que permite desabilitar ou habilitar um elemento HTML, como botões, caixas de seleção ou campos de texto, com base em uma expressão. Se o valor da expressão for verdadeiro, o elemento será desabilitado.
  3. ngMaxlength: É uma diretiva padrão do AngularJS que é usada para limitar o número máximo de caracteres que podem ser digitados em um campo de texto. Você pode associar um valor numérico a essa diretiva para definir o limite.
  4. ngRequired: É uma diretiva padrão do AngularJS que é usada para garantir que um campo de entrada (input) ou seleção (select) seja obrigatório. Se essa diretiva estiver presente no elemento, o formulário não será válido até que o usuário forneça um valor para esse campo.

As informações com asterisco (*) são obrigatórias.

Document image

  • Após finalizar a edição, clique em "Salvar". É possível tanto salvar "como nova versão" como "na versão original (1.0)".


De certo modo, os componentes aparecerão ao criar um Formulário, além de suas propriedades que aparecerão no lado direito:

Document image


⚠️ Atenção!

A parte técnica é destinada aos Desenvolvedores para construírem seus componentes.

Se um desenvolvedor quiser construir um componente que não faz parte da lista dos componentes previamente carregados e definidos pelo Low Code, ele precisará então definir um template HTML.

Esse template HTML será exibido no formulário. Enquanto o HTML é o que vai ser renderizado quando exibir o formulário. Além disso, lembre-se que a renderização é cuidada pelo Back-End do Low Code.