Função
O componente Cabeçalho é utilizado quando se quer criar um texto com destaque, como um título por exemplo. Por padrão ele vem com uma linha discreta logo abaixo do texto.
Figura 1 - Exemplo de imagem do componente executando no browser
Principais propriedades
Nome | Propriedade | Função |
|---|---|---|
Identificador | id | Atributo 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 geral do componente da forma inline |
Exibir | ng-show | Propriedade AngularJS 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 de 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 Estilos
O componente não possui propriedades específicas na aba estilo.
Propriedades do Título
Para editar o conteúdo no subcomponente Título, basta desagrupar o componente clicando no ícone de cadeado no menu de opções, selecioná-lo (Figura 2) e configurar suas propriedades, como Conteúdoo mesmo pode ser feito com o Botão.
Figura 2 - Seleção do subcomponente título no cabeçalho
Nome
Propriedade
Função
Conteúdo
content
Atribuir/Editar o texto do componente. Esse conteúdo pode ser definido através de uma expressão, Campo da tela, Bloco de programação ou informado um simples texto estático.
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Posição
xattr-position
Posicionar o texto inserido dentro do componente. Existem três opções: Esquerda, Centro e Direita.
Exibir
ng-show
Propriedade AngularJS usada para mostrar ou oculta o componente.
Nome em inglês
Header
Nessa página
| Índice | ||||
|---|---|---|---|---|
|
Compatibilidade
Formulário web
Equivalente mobileCabeçalho
Botão do Componente
Imagem no Editor Visual
