Ícone (mobile)
Componente que adiciona ícones na aplicação.
Figura 1 - Exemplo de imagem rodando no Browser
Principais propriedades
Aba de Propriedades
Na tabela abaixo estão descritos as principais propriedades para o funcionamento básico do componente.
Nome | Propriedade | Função |
|---|---|---|
Ícone | class | Abre a janela de seleção de ícones. |
Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
icon-theme | Define a cor do item que será exibido. | |
Skin | crn-skin | Permite selecionar um skin que afetará apenas o componente selecionado. |
Tamanho do ícone | xattr-size | Define um tamanho para o ícone, possui as opções: Pequeno, Padrão do tema, Grande e Extra grande. |
Classe CSS | class | Adiciona classes CSS já criadas. |
Estilo | style | Campo para adicionar atributos CSS. |
Exibir | ng-show | Propriedade Angular usada para mostrar ou oculta o componente. |
Repetir | crn-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. |
Aba de Eventos
O componente não possui eventos configurados.
Aba de Estilos
O componente não possui propriedades específicas de estilo.
Configuração
É possível utilizar CSS para realizar alterações de cor, fundo e outros. Com o componente selecionado, acesse a aba Estilos (1) e depois no botão “…“ (2) do campo estilo do componente para abrir a aba de estilização (Figura 2).
Figura 2 - Caminho para adicionar estilos ao componente
Janela de ícones
Clique na propriedade ícone para abrir a janela de seleção. Como mostra a figura 3.
Figura 3 - Janela de ícones
Cor do ícone
Essa propriedade irá exibir 2 grupos de cores em sua lista, as primeiras são as cores definidas pelo tema e, em seguida, uma seleção fixa de cores pré-definidas.
As cores definidas pelo tema (Padrão do tema, Secundário, Sucesso, Informação, Aviso, Perigo, Claro, Editável, Real e Escuro) podem variar a partir das seguintes situações:
Alteração do tema do projeto (menor prioridade);
Adição da Skin do projeto através do campo "Skin do Tema Mobile" na janela de Configurações do Projeto.
Seleção da Skin na propriedade "Skin" do componente visual. (maior prioridade).
Nome em inglês
Icon
Nessa página
Compatibilidade
Formulário mobile
Equivalente web
Botão do Componente
Imagem no Editor Visual