Título

content

Define o rótulo para o componente.

Sugestão

placeholder

Atributo do tipo texto, ele especifica uma dica sobre o conteúdo que deve ser inserido no componente.

Quantidade de linhas

rows

Define a quantidade de linhas que serão visíveis antes de aparecer a barra de rolagem.

Máximo de caracteres

maxlength

Define a quantidade máxima de caracteres que o usuário pode inserir.

Redimensionável

resize

Define se o campo pode ser estendido: somente na vertical, somente na horizontal ou em ambas direções.

Texto quando requerido

validationMessage

Exibe a mensagem informada ao tentar submeter o formulário com o campo vazio. A propriedade Requerido (ng-required) deve estar configurada com "sim". 

Desabilitado

ng-disabled

Directiva usada para desabilitar um componente quando a expressão vinculada for verdadeira.

Valor

ng-model

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

Identificador

id

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

Tooltip

crn-tooltip

Permite adicionar um tooltip ao componente. Para configurá-lo, clique no botão (...) ao lado do campo. Para mais detalhes, acesse o tópico tooltip da documentação Propriedades dos componentes visuais.

Estilo

style

Atributo usado para estilizar o componente.

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 que apresenta a seleção dos grupos com permissões para visualização ou edição do componente.

Skin

crn-skin

Permite selecionar um skin que afetará apenas o componente selecionado.

Classes CSS

class

Adiciona classes CSS que já foram criadas.

Tamanho máximo

maxlength

Define o número máximo de caracteres aceito no campo.

Algumas máscaras possuem caracteres que ocupam espaços, dessa forma, ao informar o número máximo de caracteres nesta propriedade, leve em consideração a quantidade de caracteres utilizados pela máscara.
Ex,: Um CPF possui 11 dígitos, porém mais 3 caracteres são exibidos ao utilizar a máscara CPF (2 "." e 1 "-"). Sendo necessário informar o valor 14 nessa propriedade.

Tamanho mínimo

minlength

Define o número mínimo de caracteres aceito no campo. A linha do campo ficará em vermelho até que o usuário digite o mínimo de caracteres necessários.

Algumas máscaras possuem caracteres que ocupam espaços, dessa forma, ao informar o número mínimo de caracteres nesta propriedade, leve em consideração a quantidade de caracteres utilizados pela máscara.
Ex.: Um CPF possui 11 dígitos, porém mais 3 caracteres são exibidos ao utilizar a máscara CPF (2 "." e 1 "-"). Sendo necessário informar o valor 14 nessa propriedade.

Apenas leitura

ng-readonly

Bloqueia edições no campo e exibe seu conteúdo apenas para leitura. Por padrão, possui as opções "Sim" (true) e "Não" (false). 

Essa propriedade também aceita expressões, permitindo por exemplo, bloquear um campo vinculado a um fonte de dados:

• "datasource.editing" para bloquear o campo quando a fonte de dados estiver em modo de edição ou

• "datasource.editing || datasource.inserting" para bloquear o campo quando a fonte de dados estiver em modo de edição ou inserção.

Ao Iniciar

ng-init

Executa uma ação assim que o componente é renderizado na tela.

Ao Clicar

ng-click

Executa uma ação quando o componente receber um clique com o mouse ou um toque na tela.

Ao Duplo Clicar

ng-dblclick

Executa uma ação quando o usuário clica duas vezes seguidas com o botão do mouse em um componente.

Apertar Tecla

ng-keydown

Executa uma ação assim que uma tecla é acionada no teclado.

Ao Soltar Tecla

ng-keyup

Executa uma ação ao soltar uma tecla do teclado.

Ao Focar

ng-focus

Executa uma ação assim que o componente é focado.

Ao Sair do Foco

ng-blur

Executa uma ação assim que o componente sai de foco.

Ao Entrar com Mouse

ng-mouseenter

Executa uma ação quando o ponteiro do mouse é movido de fora para dentro do elemento.

Ao Sair com Mouse

ng-mouseleave

Executa uma ação quando o ponteiro do mouse é movido de dentro para fora do elemento.

Evento de Copiar

ng-copy

Executa uma ação assim que o elemento é copiado do componente.

Ao Colar

ng-paste

Executa uma ação assim que o elemento é colado no componente.

Área de Texto Geral

Input

Estiliza o conteúdo que será inserido no componente.

Sugestão

Placeholder

Estiliza a sugestão do componente.