Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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.
Image Removed
Image Added
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. |
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.
![](/download/attachments/172736558/CabecalhoSubcomponente.png?version=1&modificationDate=1569855259000&api=v2)
Image Added
Figura 2 - Seleção do subcomponente título no cabeçalho
Nome
Propriedade
Função
Conteúdo
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 mobile
Botão do Componente
![](/download/attachments/172736558/CabecalhoIco.png?version=1&modificationDate=1569855259000&api=v2)
Image Added
Imagem no Editor Visual
![](/download/attachments/172736558/CabecalhoEditor.png?version=1&modificationDate=1569855259000&api=v2)
Image Added