Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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. |
Âncora itens itens
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
Índice | ||||
---|---|---|---|---|
|
Compatibilidade
Formulário mobile
Equivalente web
Não possui.
Botão do Componente
Imagem no Editor Visual