Show Menu
TÓPICOS×

Componente separador em formulários adaptáveis

É possível usar o componente separador para separar visualmente os painéis de um formulário. Você pode definir a aparência geral e o estilo de um componente separador especificando as seguintes propriedades do componente separador:
  • Nome do elemento: Especifica o nome do componente. As expressões SOM endereçam o componente com o valor especificado no campo Nome do elemento.
  • Espessura: Especifica a espessura do componente separador em pixels.
  • Classe CSS: Especifica a classe CSS personalizada para o componente separador
  • Estilos incorporados: Com o AEM Forms, agora é possível aplicar estilos CSS em linha a componentes de formulário adaptáveis individuais e visualizar as alterações em tempo real.
Você pode usar o modo Layout para definir o número de colunas nas quais o componente separador se expande. Para obter mais informações, consulte Usar o modo Layout para redimensionar componentes .
Para especificar as propriedades de um componente separador:
  1. Selecione um componente separador e toque em . As propriedades são abertas na barra lateral.
  2. Clique em uma guia na seção Propriedades CSS embutidas para especificar as propriedades CSS. Por exemplo:a. Na guia Campo, clique em Adicionar item . Uma linha com dois campos é adicionada.
  3. No primeiro campo à esquerda, especifique uma propriedade CSS3 que você deseja aplicar. Por exemplo, borda . Você também pode selecionar uma propriedade clicando no botão de seta para baixo. A lista suspensa não é exaustiva e você pode especificar qualquer nome de propriedade CSS3 compatível nesse campo.
  4. No campo adjacente, especifique um valor válido para a propriedade CSS3 especificada. Por exemplo, 3px preto sólido.
  5. Clique em Adicionar item para especificar outra propriedade e seu valor.
  6. Clique em Visualizar para visualizar as alterações no formulário.
  7. Clique em OK para confirmar as alterações ou em Cancelar para sair da caixa de diálogo sem quaisquer alterações.