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.
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.