Função
Cria uma barra horizontal com diversos botões.
Figura 1 - Exemplo de imagem rodando no aplicativo
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente carrossel.
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 Angular usada para mostrar ou ocultar 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 | Abre a janela de seleção dos grupos com permissões para visualização ou edição. |
| Skin | crn-skin | Permite selecionar um skin que afetará apenas o componente selecionado. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |
- | Exibe os rótulos dos botões agrupados, permitindo excluir / adicionar e reordenar botões. |
Aba de Estilos
Na tabela abaixo estão descritos os tipos de estilos disponíveis para o componente Barra de botões.
Nome em português | Nome em inglês | Descrição |
|---|---|---|
| Botão | Button | Estiliza o fundo os botões contidos no componente. |
| Ícone | Icon | Estiliza a área que contém os ícones nos botões. |
Descrição | Description | Estiliza a área que contém os títulos nos botões. |
Itens
A propriedade Itens exibe todos os botões agrupados no componente, permite selecionar um botão, adicionar, excluir e reordenar a exibição dos botões (Figura 2).
Quando alteramos o rótulo (label/conteúdo) do botão, o seu respectivo item na lista da propriedade também tem seu rótulo alterado.
Figura 2 - Reordenação dos botões do componente
- Adicionar: insere um novo item/botão na lista.
- Excluir: apaga o item/botão selecionado.
- Reordenar: clique, segure e mova o item para alterar sua posição.
Ao clicar em um dos elementos da propriedade itens, o botão dentro do componente é selecionado permitindo sua configuração. Para voltar a exibir as propriedades do componente Barra de botões, clique em uma área não selecionada do componente no editor visual (destaque 2 da figura 2.1) ou clique no elemento <div> correspondente ao componente na estrutura da árvore hierárquica DOM (destaque 2 da figura 2.1).
Figura 2.1 - Retornando a seleção do componente Barra de botões após configurar um dos seus botões
Acesse a documentação do componente visual Botão para mais detalhes da sua configuração.
Nome em inglês
Button Bar
Nessa página
Compatibilidade
Formulário mobile
Equivalente web
Não possui.
Botão do Componente
Imagem no Editor Visual
