Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Cada tipo de filtro possui algumas opções de configurações opcionais que permitem customizar sua aparência e funcionamento.

...

titleConfigurações Avançadas

Configurações avançadas (opcionais)

...

CampoTipo de filtroDescrição
Estilos HTML/CSS

...

Todos

Permite estilizar o campo de filtro utilizando propriedades nativas do HTML e CSS (verificar exemplos em W3Schools).
Exemplo: Alterar a cor da borda ou do fundo do componente, caso a intenção seja que o fundo do componente fique na cor vermelha, informar background-color no campo de Propriedade, red no campo de valor e clicar em Image Modified (Adicionar).

Classes CSS/PO-UI
Informações

Disponível para todos os tipos de filtro.

TodosPermite estilizar o campo de filtro utilizando classes nativas do PO-UI e CSS (verificar exemplos em PO-UI).
Exemplo: Definir o tamanho (largura) do filtro, seu espaçamento entre os demais, margem e padding. Deve-se informar as classes uma ao lado da outra, apenas separando-as com um espaço: po-sm-12 po-md-6 po-lg-3 po-pt-2
Escolher ícone

...

...

Texto e Numérico

...

Permite selecionar o ícone que será exibido no canto esquerdo do campo.
Tamanho máximo (caracteres)

...

...

Texto

...

Delimita o número máximo de caracteres que poderá ser informado pelo usuário nesse campo.
Tamanho

...

Numérico

...

Delimita a quantidade de casas inteiras que poderão ser informadas pelo usuário nesse campo. Se for definido como 5, o usuário poderá informar um número máximo de 99.999.
Decimais

...

Numérico

...

Delimita a quantidade de casas decimais que poderão ser informadas pelo usuário nesse campo.
Observações:

  • O valor máximo permitido é 9;
  • O tamanho máximo indicado para um filtro numérico no Protheus é 16, lembrando que este tamanho contempla a soma entre as casas inteiras (Tamanho), as casas decimais (Decimais) e o caractere separador (. ou ,).
Valor sugerido

...

...

Texto e Numérico

...

Texto que aparecerá como sugestão dentro do campo antes do usuário preencher algum valor. Pode ser usado para auxiliar o usuário exibindo o formato esperado do campo, ex: um de telefone pode ter um valor sugerido de (99) 9 9999-9999.

...

Valor inicial selecionado

...

...

Seleção e Multi-Seleção

...

Permite definir qual opção (ou quais opções) que virá selecionada por padrão para os filtros com tipo Seleção ou Multi-Seleção. Antes de poder escolher, é necessário cadastrar as opções.


06. TABELAS UTILIZADAS

  • HZE - Monitor
  • HZF - Monitor x Propriedade