Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
O layout horizontal é um componente que cria seções no formulário utilizando o elemento div junto com o sistema de grids do Bootstrap. As seções ficam uma do lado da outra e permitem inserir outros componentes internamento. Por padrão, ele vem com suas seções e divide o formulário ao meio.
Para adicionar mais seções, selecione uma das seções e clique no botão bolha Duplicar elemento.
Figura 1 - Layout horizontal com estilização de cor e componente entrada de texto
Principais propriedades
Nome | Propriedade | Função |
---|---|---|
Exibir | ng-show | Propriedade AngularJS usada para mostrar ou oculta o componente. |
Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
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 selecionados. |
Classes CSS | class | Adiciona classes CSS já criadas. |
Aba de Estilos
Na tabela abaixo esta descrito os tipos de estilos disponíveis para o componente Layout horizontal.
Nome em português | Nome em inglês | Descrição |
---|---|---|
Geral | General | Estiliza o componente em geral. |
Responsividade
Selecione a div externa ou as divs internas para alterar seu tamanho na aba Responsividade.
Figura 2.1 - Definindo a responsividade do componente
Adição de componentes
Para adicionar outros componentes dentro das divs, arraste o componente desejado a uma das seções e garanta que ele fique com bordas tracejadas azuis, solte em seguida.
Figura 2.2 - Adicionando componente ao layout
Nome em inglês
Horizontal Layout
Nesta página
Índice | ||||
---|---|---|---|---|
|
Compatibilidade
Formulário web
Equivalente mobile
Não possui.
Botão do Componente
Imagem no Editor Visual