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.
  • ​Colspan: Especifica o número de colunas nas quais um componente separador é expandido.
  • ​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.
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 Cancel ​to exit the dialog without any changes.