As propriedades dos componentes visuais do Cronapp podem vim de atributos HTML, directivas Angular ou do próprio Cronapp e elas podem variar conforme o componente visual selecionado. Além disso, caso a propriedade desejada não se encontre na paleta, é possível adicionar uma nova conforme desejada - mas elas precisam ser interpretadas pelo navegador corretamente.
formaction
Atributo que específica onde deve ser enviado os dados do formulário quando ele é enviado. Funciona somente quando o componente é do tipo submit.
Valor: URL
.
OBS: Esse atributo sobreescreve o atributo action.
action
Atributo que específica onde deve ser enviado os dados do formulário quando ele é enviado.
Valor: URL
.
accesskey
Atributo que específica uma tecla de atalho, que deve ser somente um caractere, para focar no componente quando a mesma é pressionada.
Valor: caractere (m
, d
, e
, etc.).
OBS: os comandos para focar no componente vária conforme o tipo de navegador e sistema operacional.
accept
Atributo que específica quais tipos de arquivo o usuário deve adicionar na caixa de diálogo. Funciona somente quando o componente é um input com o tipo file.
Valor: extensão do arquivo (.png
, .pdf
, etc.), audio/*
, video/*
, image/*
ou tipo de media.
OBS: O /* após o nome informa que ele aceita qualquer extensão de arquivo.
accept-charset
Atributo com valor do pré-definido, ele especifica qual codificação do caractere será usada ao enviar um formulário.
Valor: UTF-8
ou ISO-8859-1
.
align
Atributo com valor pré-definido, ele faz o alinhamento do conteúdo da célula conforme o valor informado.
Valor: left
, center
, right
, justify
ou char
.
OBS: atributo se encontra depreciado. Hoje em dia, ele é usado pelo CSS.
allowfullscreen
Atributo com valor do tipo booleano, ele determina se o preenchimento total da tela será ativado ou não. Funciona somente quando o componente é um iframe.
Valor: true
ou false
.
height
Atributo com valor numérico, ele especifica a altura do componente imagem em pixels.
Valor: numérico.
target
Atributo com valores pré-definidos, ele especifica o local onde será exibido a resposta que é recebida após enviar um formulário.
Valor: _blank
, _self
, _parent
, _top
ou frame (informando o nome do frame).
aria-label
Atributo do tipo texto, ele especifica um texto para o componente atual.
Valor: string
.
OBS: ele é um atributo para acessibilidade.
draggable
Atributo do tipo booleano, ele especifica que o componente pode ser arrastado ou não. Muito utilizado em operações de arraste e solte.
Valor: true
ou false
.
autocomplete
Atributo do tipo booleano, ele especifica se o elemento pode completar automaticamente ou não um texto.
Valor: on
ou off
.
download
Atributo que específica que o que contém no atributo href será baixado ao invés de ser redirecionado.
Valor: (opcional) nome para o arquivo que será baixado.
border
Atributo que específica o tamanho da borda que ficará ao redor da imagem.
Valor: numérico.
OBS: atributo se encontra depreciado. Hoje em dia, ele é usado pelo CSS.
headers
Atributo do tipo texto, ele especifica uma ou mais células do tipo cabeçalho no qual uma célula da tabela está relacionada através de seus IDs.
Valor: identificadores do cabeçalho da tabela.
spell-check
Atributo do tipo booleano, ele especifica se o componente irá fazer a checagem gramatical do conteúdo inserido.
Valor: true
ou false
.
OBS: só é valido para campos de input (exceto quando o tipo é password), áreas de texto e componentes editáveis.
contenteditable
Atributo do tipo booleano, ele informa se o componente é editável ou não.
Valor: true
ou false
.
bgcolor
Atributo com valor do tipo texto, ele define a cor de fundo do componente.
Valor: #0000FF
(em hexadecimal), rgb(0,0,255)
(em RGB), ou blue
(nome da cor).
disabled
Atributo do tipo booleano, ele é usado para desabilitar o componente.
Valor: disabled
.
dir
Atributo com valores pré-definidos, ele especifica a direção do texto no componente.
Valor: ltr
(da esquerda para direita), rtl
(da direita para esquerda) ou auto
.
ismap
Atributo do tipo booleano, ele especifica se a imagem possui áreas clicáveis. Se sim, será enviada as coordenadas do ponto clicado através de uma URL na forma de uma query string.
Valor: ismap
wrap
Atributo com valores pré-definidos, ele especifica como um conteúdo do componente área de texto deve ser embrulhado quando o componente é enviado em um formulário.
Valor: soft
ou hard
.
hidden
Atributo do tipo booleano, ele é usado para esconder o componente.
Valor: hidden
.
OBS: o componente também é escondido no editor, então clique no ícone para exibir elementos ocultos para que o mesmo seja visível novamente.
scope
Atributo com valores pré-definidos, ele especifica se a célula de cabeçalho é para uma coluna ou uma linha (ou para um grupo de colunas ou de linhas) de uma tabela.
Valor: col
(coluna), row
(linha), colgroup
(grupo de colunas) ou rowgroup
(grupo de linhas).
media
Atributo com valores pré-definidos, ele especifica qual media ou dispositivo que o documento utilizado será otimizado. É utilizado em componentes de link.
Valores | |
---|---|
Operadores | and , not e , . |
Dispositivos | all , print , screen e speech . |
Valores | aspect-radio , color , color-index , grid , height , monochrome , orientation , resolution , scan e width . |
Para saber mais sobre os valores, acesse a documentação sobre o atributo. |
OBS: é mais utilizado em arquivos CSS.
style
Atributo usado para estilizar o componente.
Valor: atributo de estilização e seu valor.
OBS: É recomendo fazer a estilização de componentes através de arquivos CSS.
autofocus
Atributo do tipo booleano, ele especifica que o componente será focado assim que a página for carregada.
Valor: autofocus
.
shape
Atributo com valores pré-definidos, ele especifica a forma da área que será clicada. Usado junto com os atributos de coordenadas e em componentes do tipo mapa.
Valor: default
(marca a região total), rect
(marca uma região retangular), circle
(marca uma região circular) e poly
(marca uma região polígona).
form
Atributo do tipo texto, ele epecifica a identificação (através do ID) do formulário que o componente pertence.
Valor: identificador do formulário.
id
Atributo do tipo texto, ele é usado para especificar um valor único para o componente.
Valor: texto.
usemap
Atributo do tipo texto, ele forma uma relação entre uma imagem e um mapa (através do nome do mapa) e ele especifica a imagem como mapa.
Valor: nome do mapa.
tabindex
Atributo do tipo numérico, ele especifica a ordem que o componente será selecionado quando a navegação é através da tecla TAB do teclado.
Valor: numérico.
width
Atributo do tipo numérico, ele especifica a largura do componente em pixels.
Valor: numérico.
lang
Atributo do tipo texto, ele especifica o idioma do conteúdo de um componente.
Valor: código do idioma.
hreflang
Atributo do tipo texto, ele especifica o idioma do documento que se encontra vinculado ao atributo de referência (href).
Valor: código do idioma.
rows
Atributo do tipo numérico, ele especifica a quantidade de linhas em um componente do tipo área de texto.
Valor: numérico.
dropzone
Atributo que específica que o componente pode ser como local de drop quando um componente arrastável é selecionado.
Valor: nome do componente.
OBS: esse atributo não é compatível com nenhum navegador atualmente.
max
Atributo do tipo numérico ou data, ele especifica o valor máximo do conteúdo de um componente. Utilizado quando o tipo do conteúdo é número, range, data, data local, hora, semana e mês.
Valor: numérico ou data.
contextmenu
Atributo que específica um menu de contexto ao componente. Ele aparece quando é utilizado o botão direito do mouse no componente.
Valor: identificadir do elemento.
OBS: esse atributo foi removido do HTML e não é compatível com nenhum navegador atualmente.
colspan
Atributo do tipo numérico, ele especifica o número de colunas da tabela que devem ser mescladas.
Valor: numérico,
rowspan
Atributo do tipo numérico, ele especifica o número de linhas da tabela que devem ser mescladas.
Valor: numérico,
method
Atributo com valores pré-definidos, ele especifica a forma como um formulário será enviado.
Valor: GET
ou POST
.
min
Atributo do tipo numérico ou data, ele especifica o valor mínimo do conteúdo de um componente. Utilizado quando o tipo do conteúdo é número, range, data, data local, hora, semana e mês.
Valor: numérico ou data.
sandbox
Atributo com valores pré-definidos, ele permite que um conjunto extra de restrições para o conteúdo de um iframe.
Valor | Definição |
---|---|
| Todas as restrições são aplicadas. |
| Permite que o formulário de submissão seja aplicado. |
allow-modals | Permite que modais sejam abertas. |
allow-orientation-lock | Permite que a orientação de tela seja bloqueada. |
| Permite o uso de APIs. |
| Permite o uso de popups. |
allow-popups-to-escape-sandbox | Permite que popups sejam abertas em novas janelas. |
allow-presentation | Permite que seja iniciada uma sessão de apresentação. |
| Permite que o conteúdo do iframe seja tratado como sendo da mesma origem. |
| Permite o uso de roteiros. |
| Permite que o conteúdo do iframe seja acessado por cima do navegador. |
allow-top-navigation-by-user-activation | Permite que o conteúdo do iframe seja acessado por cima do navegador somente se o usuário iniciar. |
novalidate
Atributo do tipo booleano, ele informa que o formulário enviado não será validado.
Valor: true
ou false
.
name
Atributo do tipo texto, ele especifica o nome do componente para referenciar seu dado no formulário após ele ser enviado.
Valor: texto.
dirname
Atributo com valores pré-definidos, ele especifica para enviar a direção do texto de um conteúdo em um formulário.
Valor: o nome do componente terminado com a extensão .dir
.
ping
Atributo do tipo texto, ele especifica as URLS que serão notificadas caso o link seja acessado. Um tipo de monitoramento.
Valor: URL
.
src
Atributo do tipo texto, ele especifica a URL de uma imagem.
Valor: URL
.
for
Atributo do tipo texto, ele especifica a qual componente a tag label pertence.
Valor: identificador do componente.
itemprop
Atributo do tipo texto, ele adiciona uma propriedade ao componente.
Valor: texto.
href
Atributo do tipo texto, ele especifica a URL que será acessada.
Valor: URL
.
role
Atributo do tipo texto, ele especifica a semântica do componente para oferecer acessibilidade.
Valor: texto.
rel
Atributo com valores pré-definidos, ele especifica a relação entre a página atual com o link utilizado.
Valor: alternate
, author
, bookmark
, dns-prefetch
, external
, help
, icon
, license
, next
, nofollow
, noopener
, noreferrer
, opener
, pingback
, preconnect
, prefetch
, preload
, prerender
, prev
, search
, stylesheet
, tag
.
OBS: Alguns valores podem não funcionar com certos componentes.
required
Atributo do tipo booleano, ele especifica que o conteúdo do componente deve ser preenchido antes de enviar o formulário.
Valor: required
.
selected
Atributo do tipo booleano, ele especifica que a opção deve ser previamente selecionada quando a página carregar.
Valor: selected
.
placeholder
Atributo do tipo texto, ele especifica uma dica sobre o conteúdo que deve ser inserido no componente.
Valor: texto.
maxlength
Atributo do tipo numérico, ele especifica a quantidade máxima de caracteres para um campo de texto.
Valor: numérico.
sizes
Atributo do tipo numérico, ele especifica o tamanho do ícone tanto em altura quanto em largura.
Valor: numérico (altura x largura).
type
Atributo com valores pré-definidos, ele especifica o tipo do componente.
Valor: button
, checkbox
, color
, date
, datetime-local
, email
, file
, hidden
, image
, month
, number
, password
, radio
, range
, reset
, search
, submit
, tel
, text
, time
, url
, week
.
OBS: Alguns valores funcionam conforme o componente.
alt
Atributo do tipo texto, ele especifica um texto alternativo caso a imagem não seja mostrada.
Valor: texto.
value
Atributo do tipo texto, ele especifica o conteúdo do componente.
Valor: texto.
ng-list
Directiva que corverte uma string em uma lista de string através da ação do separador.
Valor: pontuação que servirá como separador.
ng-transclude-slot
Directiva que marca um ponto para fazer a transclusão de um componente.
Valor: texto.
ng-pluralize
Directiva que mostra mensagens de acordo com as regras específicadas da localização dos EUA.
Valor: possui dois argumentos, o count
e o when
.
ng-checked
Directiva que marca um componente quando a expressão for verdadeira.
Valor: expressão.
ng-class
Directiva que permite atribuir classes CSS ao componente através de uma expressão.
Valor: expressão.
ng-class-odd
Directiva que permite atribuir classes CSS ao componente através de uma expressão, mas somente serão aplicadas nos componentes ímpares.
Valor: expressão.
OBS: deve trabalhar em conjunto com o ngrepeat.
ng-class-even
Directiva que permite atribuir classes CSS ao componente através de uma expressão, mas somente serão aplicadas nos componentes pares.
Valor: expressão.
OBS: deve trabalhar em conjunto com o ngrepeat.
ng-repeat-start
Directiva que permite informar o componente inicial que será repetido.
Valor: expressão.
OBS: é usado em conjunto com o ng-repeat-end.
ng-if
Directiva que remove ou recria o componente de acordo com o resultado da expressão. Se o valor for falso, o componente é removido; se verdadeiro, o componente é duplicado.
Valor: expressão.
ng-controller
Directiva que anexa um controle ao componente, sendo a uma função do arquivo ou uma expressão avaliada como função.
Valor: expressão.
ng-app
Directiva usada para definir o componente raiz da aplicação.
Valor: (opcional) nome do módulo.
ng-disabled
Directiva usada para desabilitar um componente quando a expressão vinculada for verdadeira.
Valor: expressão.
ng-hide
Directiva usada para esconder o componente caso a expressão seja verdadeira.
Valor: expressão.
ng-style
Directiva que permite estilizar o componente através de uma expressão de forma condicional.
Valor: expressão.
ng-show
Directiva usada para mostrar o componente caso a expressão seja verdadeira.
Valor: expressão.
filter
Directiva usada para filtrar os itens de uma lista.
Valor: expressão.
ng-repeat-end
Directiva que permite informar o último componente que será repetido.
OBS: é usado em conjunto com o ng-repeat-start.
ng-form
Directiva que específica a identificação (através do ID) do formulário que o componente pertence.
Valor: id.
ng-cloak
Directiva usada para prevenir que o componente seja visualizado antes da aplicação ser totalmente carregada no navegador.
Valor: não há parâmetros.
ng-include
Directiva usada para incluir fragmentos externos de um HTML.
Valor: nome do arquivo HTML.
ng-jq
Directiva usada para forçar que a aplicação use a biblioteca especificada.
Valor: nome da biblioteca a ser usada.
ng-non-bindable
Directiva que informa que o componente não será vinculado ou compilado, assim como também suas expressões.
Valor: não há parâmetros.
ng-model-options
Directiva que específica como as atualizações ocorrem no componente.
Valor: updateOn
, debounce
, allowInvalid
, getterSetter
ou timezone
.
OBS: cada um desses valores possuem seus próprios valores que devem ser usados em conjunto.
ng-src
Directiva que específica a URL de uma imagem.
Valor: texto ou resultado de uma expressão.
ng-srcset
Directiva que específica a URL de uma imagem, no qual pode ser utilizada uma marcação nessa URL.
Valor: expressão.
ng-href
Directiva que específica a URL que será acessada, no qual pode ser utilizada uma marcação nessa URL.
Valor: texto ou resultado de uma expressão.
ng-repeat
Directiva que permite carregar várias vezes o componente a depender da quantidade de itens existentes na coleção que será vinculada.
Valor: expressão.
ng-required
Directiva que adiciona a propriedade no componente quando o valor da expressão for verdadeiro, especificando que o conteúdo do componente deve ser preenchido.
Valor: expressão.
ng-selected
Directiva que seleciona uma opção, que está previamente atribuída, de uma lista quando a expressão for verdadeira.
Valor: expressão.
ng-maxlength
Directiva que adiciona uma restrição em um campo de texto e uma validação em um formulário caso ultrapasse o número máximo de caracteres.
Valor: numérico.
ng-minlength
Directiva que adiciona uma restrição em um campo de texto e uma validação em um formulário caso o número mínimo de caracteres não seja atingido.
Valor: numérico.
OBS: Caso o campo esteja vazio, ele será considerado como válido.
ng-transclude
Directiva que específica um ponto no componente para adicionar componente que são translúcidos.
Valor: texto.
ng-switch
Directiva que específica uma condição a ser usada para mostrar ou esconder os subcomponentes do componente.
Valor: expressão.
ng-pattern
Directiva que específica um template (normalmente RegEx) para validar um componente de entrada.
Valor: expressão.
ng-model
Directiva que faz a ligação dos valores do componentes para os dados da aplicação.
Valor: expressão.
ng-false-value
Directiva que específica o valor da expressão caso o componente não seja selecionado.
Valor: expressão.
ng-true-value
Directiva que específica o valor da expressão caso o componente seja selecionado.
Valor: expressão.
ng-bind
Directiva que troca o valor do componente quando valor da expressão muda.
Valor: expressão.
ng-bind-template
Directiva que troca o valor do componente pelos valores da expressões.
Valor: expressão.
ng-bind-html
Directiva que troca o valor do componente pelos valores da expressões.
Valor: expressão.
target-height
Propriedade do tipo numérico, ele informa a altura desejada da imagem quando ela é tirada através de um smartphone.
Valor: numérico.
crn-readonly
Propriedade do tipo booleano, ele desabilita a edição do componente, tornando-o somente para leitura.
Valor: true
ou false
.
auto-refresh
Propriedade que define o tempo, em milissegundos, que a fonte de dados atualizará automaticamente.
Valor: numérico.
xkey-field
Propriedade que seleciona um dos campos da fonte de dados que será o identificador da opção e será enviado ao servidor.
Valor: expressão.
OBS: as opções só serão exibidas após a seleção da fonte de dados no componente.
xdisplay-field
Propriedade que seleciona um dos campos da fonte de dados que será visualizado pelo usuário.
Valor: expressão.
OBS: as opções só serão exibidas após a seleção da fonte de dados no componente.
fetch-on-visible
Propriedade que faz com que os dados sejam carregados somente quando o componente for renderizado na aplicação.
Valor: true
ou false
.
data-sitekey
Propriedade que faz o vínculo do Cronapp com a API do Google ReCaptcha.
Valor: chave do site do Google.
keys
Propriedade que lista todas as chaves primárias da fonte de dados selecionada.
Valor: chaves primárias.
OBS: o campo é preenchido automaticamente ao selecionar a fonte de dados.
class
Propriedade que seleciona classes CSS criadas.
Valor: classes CSS.
options
Propriedade que faz a configuração do componente selecionado.
Valor: expressão.
content
Propriedade que define o rótulo para o componente e também abre a janela para sua configuração.
Valor: expressão.
dependent-by
Propriedade que faz o vínculo da fonte de dados principal com outras fontes de dados.
Propriedade que serve para informar a chave estrangeira da tabela que a fonte de dados está vinculada possui um relacionamento e ela tem o campo dependente de salvamento selecionado.
Valor: expressão referente a chave estrangeira.
OBS: Propriedade depreciada pois isso já é feito automaticamente.
dependent-lazy-post
Propriedade que vincula uma fonte de dados para servir como dependente da fonte de dados principal e, com isso, o salvamento da fonte de dados principal dependerá de uma ação na fonte de dados dependente.
Valor: fonte de dados existente no formulário.
parameters-null-strategy
Propriedade que define como o sistema deve tratar parâmetros nulos do campo "Filtros e Parâmetros" de uma fonte de dados.
Valor | Definição |
---|---|
padrão | comportamento atual. |
limpar dados | limpa o campo. |
remover cláusula | só considera as cláusulas preenchidas. |
aguardar preenchimento | não executa até que todas estejam preenchidas. |
load-data-strategy
Propriedade que define a forma como os dados serão carregados na aplicação.
Valor | Definição |
---|---|
padrão | sempre traz os dados, mesmo sem inserir o filtro. |
todos os filtros preenchidos | os dados só serão exibidos após todos os filtros estiverem preenchidos. |
no mínimo um filtro preenchido | os dados só serão exibidos após um filtro ser exibido. |
ao pressionar botão | os dados só serão exibidos após o botão de pesquisar for clicado. |
condition
Propriedade que adiciona filtros e parâmetros a uma fonte de dados.
Valor: expressão através da sua janela de configuração.
scrollable
Propriedade que exibe uma barra de rolagem na grade caso a altura ou largura total da linha exceda a altura ou largura da grade.
Valor: true
ou false
.
OBS: Por padrão, seu valor é verdadeiro.
crn-datasource
Propriedade que seleciona uma fonte de dados que se encontra presente no formulário.
Valor: fonte de dados existente no formulário.
class
Propriedade que seleciona um ícone para o componente.
Valor: classe do ícone selecionada.
class
Propriedade que seleciona um ícone para o componente.
Valor: classe do ícone selecionada.
class
Propriedade que seleciona um ícone para o componente.
Valor: classe do ícone selecionada.
chat-user-id
Propriedade que define um valor único para o usuário.
Valor: expressão.
chat-user-image
Propriedade que define a imagem do avatar do usuáro através de uma URL.
Valor: URL
.
file-info
Propriedade que seleciona um campo na tela ou na fonte de dados para guardar o nome, a extensão e o tipo do arquivo.
Valor: texto.
OBS: funciona somente quando o tipo do atributo é arquivo no banco.
auto-play
Propriedade que específica que um audio será reproduzido automaticamente.
Valor: true
ou false
.
rows-per-page
Propriedade que define a quantidade de linhas máxima para realizar a paginação.
Valor: numérico.
parameters
Propriedade que vincula um ou mais atributos de uma fonte de dados com outra fonte de dados.
Valor: expressão através da sua janela de configuração.
batchpost
Propriedade que acumula todos os dados antes de enviar ao servidor.
Valor: true
ou false.
chat-username
options
Propriedade que faz a configuração do componente selecionado.
Valor: expressão através da sua janela de configuração.
order-by
Propriedade que permite selecionar a ordem dos elementos retornados de uma lista.
Valor: expressão através da sua janela de configuração.
entity
Propriedade que seleciona a fonte de dados.
Valor: expressão através da sua janela de configuração.
screenparams
crn-allow-null-values
Propriedade que permite que o valor nulo esteja presente na caixa.
Valor: true
ou false
.
allow-edit
Propriedade que permite se a imagem capturada poderá ser editada de forma simples, como rotacionar, recortar.
Valor: true
ou false
.
chat-placeholder
Propriedade que define o texto que será apresentado no campo de digitação para o usuário.
Valor: texto.
lazy
Propriedade que define se os dados serão carregados após uma ação do usuário (opção verdadeira) ou se eles serão carregados todos de vez quando o componente for renderizado na tela (opção falsa).
Valor: true
ou false
.
quality
Propriedade que define o percentual de compressão da imagem capturada.
Valor: numérico.
id
Propriedade que define um valor único para a camada canvas do componente gráfico.
Valor: texto.
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.
Valor: fonte de dados existente no formulário.
content
Propriedade que define o rótulo para o componente e também abre a janela para sua configuração.
Valor: expressão.
cronapp-security
Propriedade que apresenta a seleção dos grupos com permissões para visualização ou edição do componente.
Valor: expressão através da sua janela de configuração.
content
Propriedade que define o rótulo para o componente e também abre a janela para sua configuração.
Valor: expressão.
data-size
Propriedade que define o tipo de Captcha a ser utilizado quando o mesmo é selecionado.
Valor: invisible
.
max-file-size
Propriedade que informa o tamanho máximo do arquivo a ser carregado no componente.
Valor: expressão (valor numérico com sua respectiva unidade).
content
Propriedade que define o rótulo para o componente e também abre a janela para sua configuração.
Valor: expressão.
checkrequired
Propriedade que determina que a inserção ou atualização dos dados ocorrerá somente se todos os campos marcados como requeridos estiverem preenchidos.
Valor: true
ou false
.
content
Propriedade que define o rótulo para o componente e também abre a janela para sua configuração.
Valor: expressão.
Nessa página