Image

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

Este controle permite inserir uma imagem qualquer na tela em que ele for inserido.

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.

Atenção

Quando precisar rotacionar, formate o tamanho da largura e altura antes para ficar igual o desejado, pois após rotacionar não suporta um grande aumento do comprimento.

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

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 Áreas 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 Áreas 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

Imagem: define a URL da imagem que será apresentada pelo controle.

Esta imagem, pode ser selecionada de uma Biblioteca de Imagens ou pode-se referenciar uma URL de uma imagem externa ao Portal.

Atenção

Quando utilizada a URL de uma imagem externa ao Portal, eventualmente não será possível apresentar a imagem referenciada devido a alguns formatos que podem ser incompatíveis ou também por restrições de segurança. Portanto, é recomendado que dentro do possível, se utilize imagens presentes em uma Biblioteca de Imagens.

Preencher painel: o botão “Preencher painel” redimensiona o tamanho da imagem para ocupar o tamanho do canvas do painel sinótico.

Atenção

É importante que a imagem do controle image siga a mesma proporção do canvas do sinótico. Caso contrário, elas podem perder a qualidade ao serem redimensionadas para preencher o painel.