Item com thumbnail é um componente Item com três subcomponentes: imagem, texto <h2> para o título e texto <h3> para subtítulo. Item com thumbnail se diferencia da Lista com thumbnail por não precisar estar associada a uma fonte de dados, podendo ser alimentada manualmente.
Figura 1 - Exemplo do componente rodando no simulador
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome
Propriedade
Função
Origem
src
Campo para informar o endereço da imagem, podendo ser local ou uma url externa.
Título
content
Esse campo define o texto que é exibido ao usuário. Nesse caso, ele define o título do componente.
Subtítulo
content
Esse campo define o texto que é exibido ao usuário. Nesse caso, ele define o subtítulo do componente.
Tema do subtítulo
xattr-theme
Seleciona o tema (cor) do subtítulo no item.
Tema do título
xattr-theme
Seleciona o tema (cor) do título no item.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente, mas pode ser alterado.
Referência
href
Abre a URL inserida no campo da propriedade ao clicar no item.
Exibir
ng-show
Propriedade AngularJS usada para mostrar ou oculta o componente.
Posição da imagem
xattr-image-position
Define a posição da imagem no item, podendo ser na esquerda ou na direita.
Posição do texto
xattr-text-position
Define a posição do título e subtítulo do item, podendo ser na esquerda, no centro ou na direita.
Repetir
ng-repeat
Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.
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.