Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Função

O componente Alcance é usado para obter do usuário um valor dentre uma sequência grande de valores finitos, por exemplo de 0 a 100.

Figura 1 - Exemplo de imagem 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

Ícone inicial/esquerdaclassSeleciona o ícone para representar o início do range.
Ícone final/direitaclassSeleciona o ícone para representar o fim do range.
Valor mínimominDefine o valor mínimo que pode ser selecionado.
Valor máximomaxDefine o valor máximo que pode ser selecionado.

Valor

ng-model

Propriedade Angular que pode ser usada para obter e alimentar o conteúdo pelo bloco de programação.

IdentificadoridAtributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.

Estilo

style

Altera o estilo do componente da forma inline.

Exibirng-showPropriedade 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.

Skincrn-skinPermite selecionar um skin que afetará apenas o componente selecionado.

Classes CSS

class

Adiciona classes CSS que já foram criadas.


Aba de Estilos

Na tabela abaixo estão descritos os tipos de estilos disponíveis para o componente Alcance.

Nome em portuguêsNome em inglêsDescrição

Plano de fundo

Background

Estiliza plano de fundo do componente.
Ícone inicial/esquerda

First/left icon

Estiliza o ícone do ponto inicial.
Ícone final/direita

Last/right icon

Estiliza o ícone do ponto final.

Nome em inglês

Range


Nessa página

Índice
maxLevel3
printablefalse

Compatibilidade

  • Formulário mobile


Equivalente web

Slider


Botão do Componente


Imagem no Editor Visual