O componente visual Rodapé com ícone é uma sequência de botões que ficam na parte inferior da tela da aplicação. Cada item pode ser configurado individualmente, permitindo selecionar uma ação.
Figura 1 - Exemplo do componente rodando no aplicativo
Principais propriedades
Nome
Propriedade
Função
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Cor do plano de fundo
xattr-theme
Altera a cor do plano de fundo do componente.
Cor dos ícones
tabs-color
Altera a cor dos ícones do componente.
Estilo
style
Altera o estilo geral do componente da forma inline.
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
Abre a janela de seleção dos grupos com permissões para visualização ou edição.
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Itens
-
Permite adicionar, ordenar, configurar e excluir itens no rodapé.
Propriedades do item
Nome
Propriedade
Função
Ícone
class
Altera o ícone do componente.
Título
content
Altera a descrição do ícone.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Campo onde é informado a url que será linkada. Clique no botão “…” pra selecionar uma página do projeto,
Valor alternativo
Title
Valor alternativo do componente.
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Estilo
style
Altera o estilo geral do componente da forma inline.
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
Abre a janela de seleção dos grupos com permissões para visualização ou edição.
Aba de Estilos
Na tabela abaixo está descrito o tipo de estilo disponível para o componente Rodapé com ícone.
Nome em português
Nome em inglês
Descrição
Plano de fundo
Background
Estiliza o plano de fundo do componente.
Ícones
Icons
Estiliza o ícone do componente.
Referência
Para selecionar o formulário que será aberto, clique no botão “…” (1 da figura 2) do campoReferênciade um item do rodapé e selecione o formulário na janela que abrir (2).
Figura 2 -Adicionando link à aba selecionada
Ícone ativo
Para deixar o ícone ativo de acordo com a página em que ele esteja, basta selecioná-lo quando ele estiver no formulário desejado (1 da figura 3).
Figura 3 - Selecionando o ícone ativo do formulário.