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. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |