Button

Esta página apresenta a descrição e as propriedades de configuração do controle Button (Botão).

Este controle apresenta um botão na tela onde for inserido, permitindo ao usuário associar uma ação.

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.

Espaçamento

Propriedade

Descrição

Default

Superior

Define a distância, em pixels, de espaçamento entre a borda superior do controle e seu conteúdo(texto)

Depende

Direita

Define a distância, em pixels, de espaçamento entre a borda direita do controle e seu conteúdo(texto)

Depende

Inferior

Define a distância, em pixels, de espaçamento entre a borda inferior do controle e seu conteúdo(texto)

Depende

Esquerda

Define a distância, em pixels, de espaçamento entre a borda esquerda do controle e seu conteúdo(texto)

Depende

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

  • Tracejada

  • Pontilhada

  • Dupla

  • Sulco

  • Cume

  • Embutida

  • Saltada

  • Nenhuma

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:

  • Não

  • 3px

  • 5px

  • 10px

  • 20%

  • 50%

3px

Texto

Propriedade

Descrição

Default

Fonte

Define os atributos da fonte do controle

Opções:

  • Fonte: Tipo da fonte

  • Tamanho: Tamanho da fonte

  • Negrito

  • Itálico

  • Sublinhado

  • Subscrito

Source Sans Pro 18

Alinhamento

Define o alinhamento vertical do texto dentro do controle.

Opções:

  • Esquerda

  • Direita

  • Centro

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

Valor: Apresenta e permite a edição do texto a ser apresentado pelo controle.

Na edição do texto, é possível simplesmente informar o texto desejado ou também utilizar a Edição avançada de texto utilizando o botão apresentado no editor.

Na edição avançada, são utilizados elementos HTML para compor o texto e são disponibilizadas as seguintes opções:

Configuração

Descrição

Estilos de Fonte

Permite a configuração de alguns estilos da fonte do texto ser apresentado no controle(negrito, itálico, etc)

Cor da fonte

Permite a configuração da cor da fonte

Cabeçalhos

Permite definir o texto com níveis de cabeçalhos HTML(H1, H2, H3, H4, H5 e H6)

Tabela

Permite a configuração de uma tabela HTML

Ícones

Permite a inserção de ícones pré definidos no Texto

Lista não ordenada

Permite a inserção de uma lista HTML não ordenada

Lista ordenada

Permite a inserção de uma lista HTML ordenada

Desfazer

Retorna a edição para o estado antes da última alteração

Refazer

Retorna a edição para o estado da última alteração

Texto simples

Permite a edição do conteúdo em código HTML