O componente permite exibir uma imagem no formulário, podendo ser alguma imagem que esteja salva na no projeto ou alguma imagem externa em formatos *.png, *.gif (animada ou estática), *.bmp, *jpg e etc. Além disso, é possível ajustar sua posição, podendo ser no centro, na esquerda ou na direita desse formulário e, como também, pode estilizar através do CSS.
Figura 1 - Exemplo do componente rodando no browser
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades (Figura 2) para o funcionamento básico do componente.
Nome
Propriedade
Função
Classes CSS
class
Adiciona classes CSS já criadas.
Exibir
ng-show
Propriedade AngularJS usada para exibir ou oculta o componente.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Origem
src
Campo para informar o endereço da imagem, podendo ser um endereço dentro do projeto ou uma url externa.
Posição
xattr-position
Define a posição da imagem através dos botões de seleção, ficando à esquerda, centro ou direita.
Segurança
cronapp-security
Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.
Configuração
Ajustes de largura e altura
Ao adicionar uma imagem, ela é inserida no formulário com seu tamanho original. Caso seja necessário alterar sua altura e/ou sua largura, é preciso adicionar um estilo.
Figura 2 - Ajustar altura e largura do componente usando a aba Estilo
Nome em inglês
Image
Nessa página
Compatibilidade
Formulário web
Equivalente web / mobile
O link será adicionado no final, após todos os componentes criados.