Avaliação (mobile)
O componente Avaliação normalmente é utilizado quando necessitamos receber um feedback sobre alguma experiência do usuário. O componente inicia sem nenhum ícone marcado, retornando o valor zero, e após o usuário interagir, retorna valores entre 1 e 5.
Figura 1 - Exemplo de imagem rodando no aplicativo
Principais propriedades
Aba de Propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Ao selecionar a opção Padrão do tema nas propriedades de cor, o componente irá usar as cores definidas como padrão para o projeto.
Nome | Propriedade | Função |
|---|---|---|
Valor | ng-model | Propriedade Cronapp MVC que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação. |
class | Ícone que será exibido quando a avaliação estiver preenchida / avaliada. | |
icon-off | Ícone que será exibido quando a avaliação não estiver preenchida / avaliada. | |
Valor padrão | xattr-default-value | Define se o valor inicial será Zero ou Nulo. |
Tamanho do ícone | icon-size | Define um tamanho para o componente. |
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 | Permite escolher um tema para o ícone. | |
Estilo | style | Altera o estilo geral do componente da forma inline. |
Exibir | ng-show | Propriedade Cronapp MVC 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. |
Skin | crn-skin | Permite selecionar um skin que afetará apenas o componente selecionado. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |
Aba de Eventos
Na tabela abaixo estão descritos os tipos de eventos disponíveis para o componente Avaliação.
Nome | Propriedade | Função |
|---|---|---|
Ao Iniciar | ng-init | Executa uma ação assim que uma tecla é acionada no teclado. |
Ao Clicar | on-click | Executa uma ação ao clicar em um elemento. |
Ao Pressionar | on-hold | Executa uma ação sempre que um elemento é pressionado sem soltar por alguns milissegundos. |
Ao Clique Duplo Rápido | on-double-tap | Executa uma ação ao realizar um duplo clique sobre um elemento. |
Ao Clique Rápido | on-tap | Executa uma ação sempre que o componente é clicado rapidamente. |
Ao Deslizar | on-swipe | Executa uma ação sempre que é feito uma ação de swipe no elemento. |
Ao Arrastar | on-drag | Executa uma ação sempre que um elemento é arrastado. |
Aba de Estilos
Na tabela abaixo está descrito o tipo de estilo disponível para o componente Avaliação.
Nome em português | Nome em inglês | Descrição |
|---|---|---|
Ícone | Icon | Estiliza o ícone do componente |
Ícone Ativo e Inativo
Selecione os ícones usados no componente através das propriedades Ícone Ativo (destaque 1 da figura 2) e Ícone Inativo (2).
Figura 2 - Seleção de Ícones usados no componente
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
Evaluation
Nesta página
Compatibilidade
Formulário mobile
Equivalente web
Botão do Componente
Imagem no Editor Visual