O layout vertical é 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 em cima da outra e permitem inserir outros componentes internamento. Por padrão, ele vem com suas seções.
Para adicionar mais seções, selecione uma das seções e clique no botão bolha Duplicar elemento.
Figura 1 - Exemplo do componente rodando 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.
Exibir
ng-show
Propriedade AngularJS usada para exibir ou oculta o 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 - Configurando a responsividade do componente
Adicionando componentes ao layout
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.