Simple Table
Esta página apresenta a descrição e as propriedades de configuração do controle Simple Table.
Este controle representa o valor de um ou mais Dados através de uma tabela.
As propriedades de configuração do controle são apresentadas nas seções a seguir:
Aparência
Cópia de estilo e formatação
Nesta seção, são disponibilizadas algumas opções para que seja possível copiar as configurações de estilo e formatação do controle e aplicá-las em outros controles, facilitando assim a equalização de aparência em controles semelhantes.
Portanto, para copiar o estilo de um controle, deve-se seguir os seguintes passos:
Selecione no controle que terá seu estilo copiado, a opção Aplicar;
Marque a opção Estilo (determinando que o estilo do controle será aplicado posteriormente nos controles selecionados);
Por fim, selecione no painel sinótico os controles(semelhantes) em que deseja-se aplicar o estilo conforme definido no controle “original”.
Uma outra operação possível é reverter as configurações de estilo para o padrão de sistema(estilo de quando o controle é criado). Para isso, basta seguir os seguintes passos:
Selecione no controle que terá seu estilo restaurado, a opção Restaurar;
Marque a opção Estilo.
Dimensões
Define o tamanho e a posição do controle no painel sinótico.
Nome |
Descrição |
Default |
|---|---|---|
Superior |
Define a distância, em pixels, entre a borda superior do controle e a borda superior da tela |
Depende |
Esquerda |
Define a distância, em pixels, entre a borda esquerda do controle e a borda esquerda da tela |
Depende |
Largura |
Largura, em pixels, do controle |
Depende |
Altura |
Altura, em pixels, do controle |
Depende |
Atenção
As propriedades Superior, Esquerda, Largura e Altura tem seus valores default definidos no momento da criação do controle. Então, esses valores podem variar para os diferentes tipos de controle.
Rotação
Permite rotacionar(girar) a angulação do controle no painel.
Cores
Define a cor de fundo e a cor da fonte(texto) apresentados pelo controle:
Propriedade |
Descrição |
Default |
|---|---|---|
Ícone |
Cor da fonte(texto) |
Preto (#000000) |
Ícone balde |
Cor de fundo |
Branco (#FFFFFF) |
Borda
Propriedade |
Descrição |
Default |
|---|---|---|
Cor |
Cor da borda |
Cinza Claro( #AFAFAF) |
Estilo da linha da borda |
Estilo de apresentação da linha de borda do controle. Opções:
|
Sólida |
Espessura da Borda |
Espessura da linha da borda em pixels |
1px |
Arredondar Borda
Define o arredondamento das bordas do controle:
Propriedade |
Descrição |
Default |
|---|---|---|
Arredondar Borda |
Opções:
|
3px |
Texto
Propriedade |
Descrição |
Default |
|---|---|---|
Fonte |
Define os atributos da fonte do controle Opções:
|
Source Sans Pro 18 |
Alinhamento |
Define o alinhamento vertical do texto dentro do controle. Opções:
|
Centro |
Informações
É uma breve descrição, dica ou informação do controle.
Permissões
Restringir visualização
Nesta configuração, é possível definir uma ou mais Área de Processo para restringir a visualização do controle na tela(dashboard) de um Conector.
Caso especificada uma ou mais áreas, somente usuários com as permissões pertinentes na(s) Área(s) de Processo selecionada(s) poderão visualizar o controle.
Caso nenhuma Área de Processo seja selecionada, o controle será visível na tela(dashboard) de um Conector para qualquer usuário com acesso a tela.
Restringir interação
Nesta configuração, é possível definir uma ou mais Área de Processo para restringir a interação do usuário com o controle na tela(dashboard) de um Conector.
Caso especificada uma ou mais áreas, somente usuários com as permissões pertinentes na(s) Área(s) de Processo selecionada(s) poderão interagir com o controle.
Caso nenhuma Área de Processo seja selecionada, o controle permitirá a interação de qualquer usuário que tenha acesso ao mesmo.
Propriedades Específicas
Tabela
Borda
Propriedade |
Descrição |
Default |
|---|---|---|
Cor |
Cor da borda |
Cinza Claro( #AFAFAF) |
Estilo da linha da borda |
Estilo de apresentação da linha de borda do controle. Opções:
|
Sólida |
Espessura da Borda |
Espessura da linha da borda em pixels |
1px |
Estilos
Estilo |
Descrição |
|---|---|
Com borda (sim/não) |
a tabela poderá ou não apresentar divisões visíveis da grade de células - A espessura, estilo e cor da borda podem ser configuradas também. |
Condensada (sim/não) |
tabelas condensadas apresentam linhas com espaçamento mínimo entre elas |
Listrada (sim/não) |
tabelas listradas apresentam alternância de cores padrões entre linhas (estilo também conhecido como zebrado) |
Enfatizar ao apontar (sim/não) |
tabelas com esta opção habilitada, salientará a célula sob o cursor. |
Célula
As células em uma mesma coluna compartilham as seguintes propriedades:
Propriedade |
Descrição |
|---|---|
Largura |
Largura - em percentual (entre o total de toda a tabela) |
Quebra de Linha |
Indicação automática de quebra de linha para textos que excedam a largura da coluna |
Conteúdo
O painel apresenta as informações em formato de tabela, com células endereçadas pelo padrão A1 (onde “A” representa a identificação da coluna e “1” a identificação da linha). O conteúdo apresentado em cada uma das células poderá ser configurado da seguinte maneira:
Origem |
Descrição |
|---|---|
Constante |
texto livre informado pelo usuário |
Dado |
conteúdo associado a propriedades descritas na estrutura do dado, conector ou dispositivo associado à célula. É uma estrutura nós hierárquicos descritos pelo modelo conhecido por JSON |
Sistema |
conteúdo associado a propriedades descritas na estrutura de variáveis do sistema. Também descrita pelo modelo JSON |
Valor
A coluna pode ainda receber um valor default, que deve ser informado no campo Valor
Formato
O conteúdo retornado pela configuração do campo origem poderá ainda ter sua apresentação formatada. O campo Formato permite selecionar formatos conhecidos para apresentação de valores numéricos e de data e hora, como também a definição livre do conteúdo que será exibido. Para mais informações, veja Formato de apresentação de um valor.
Formato disponíveis para seleção:
Formato |
Descrição |
|---|---|
Data e Hora |
Formata a célula como uma data e hora definida entre as opções |
Numérico |
Formata a célula como numérico com ou sem casas decimais |
Utilizando Dado Vetor na Tabela
Para a manipulação entre os valores dos elementos de um Dado Vetor, iremos utilizar a expressão $at().
Esta expressão será utilizada para retornar o valor de um determinado elemento de um Dado Vetor em função do valor de índice passada para a mesma.
Podendo fazer cálculos, comparações e utilizar o operador ternário.
Para saber mais acesse: Expressões em células.