Tem a função de ser uma barra de navegação que fica ao final do formulário, com o intuito de facilitar a navegação.
Figura 1 - Exemplo do componente rodando no aplicativo
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.
Nome
Propriedade
Função
Título
content
Define um título para o rodapé.
Posição do título
xattr-position
Seleciona a posição do título, podendo ser esquerda, centro ou direita.
Texto do botão direito
content
Define o título do botão direito.
Tema do botão direito
right-button-theme
Define o tema a ser exibido no botão direito.
Texto do botão esquerdo
content
Define o título do botão esquerdo.
Tema do botão esquerdo
left-button-theme
Define o tema a ser exibido no botão direito.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Tema de fundo
xattr-theme
Define o tema de fundo do componente.
Estilo
style
Campo para adicionar atributos CSS.
Exibir
ng-show
Propriedade Angular usada para exibir 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 de selecionados.
Classe CSS
class
Adiciona classes CSS já criadas.
Aba Estilos
Na tabela abaixo estão descritos os tipos de estilos disponíveis para o componente rodapé.
Nome em português
Nome em inglês
Descrição
Título
Label
Estiliza o texto do componente.
Botão esquerdo
Left Button
Estiliza o botão esquerdo.
Botão direito
Right Button
Estiliza o botão direito.
Configuração
Para adicionar um evento à um botão, basta seleciona-lo. Em seguida, clique na aba eventos (Figura 2), no exemplo abaixo estamos adicionando um evento (destaque da figura 2) que irá acontecer quando o usuário clicar no botão.
Para saber mais sobre as propriedades do botão, clique aqui.