Rodapé
Função
Componente sempre utilizado na parte inferior do formulário, é composto por um título e dois botões que podem ser editados e removidos.
Figura 1 - Exemplo do componente rodando no aplicativo
Ao arrastar o componente Rodapé para a view, o mesmo será inserido no fim da página, independente do local onde o usuário o soltou após arrastá-lo. Caso a tela já contenha um componente Rodapé, um pop-up de notificação será exibido, informando que o componente já existe e perguntando se o usuário deseja substituí-lo.
O mesmo comportamento se aplica caso o usuário inclua um componente Rodapé com ícone em uma página que contenha um componente Rodapé.
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.
Ao selecionar a opção Padrão do tema nas propriedades de tema, o componente irá usar as cores definidas como padrão para o projeto.
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. |
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. |
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. |
xattr-theme | Define o tema de fundo do componente. | |
Estilo | style | Campo para adicionar atributos CSS. |
Exibir | ng-show | Propriedade Cronapp MVC 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. |
Skin | crn-skin | Permite selecionar um skin que afetará apenas o componente selecionado. |
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. |
Tema
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).
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.
Figura 2 - Adicionando evento ao botão
Nome em inglês
Footer
Nessa página
- 1 Função
- 2 Principais propriedades
- 2.1 Aba Estilos
- 2.2 Tema
- 2.3 Configuração
Compatibilidade
Formulário mobile
Equivalente web / mobile
não possui
Botão do Componente
Imagem no Editor Visual