Componente separador em formulários adaptáveis

Você pode usar o componente separador para segregar 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 abordam 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 em linha: 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 ao qual o componente separador se estende. Para obter mais informações, consulte Usar o modo Layout para redimensionar componentes.

Para especificar propriedades de um componente separador:

  1. Selecione um componente separador e toque em cmppr. As propriedades são abertas na barra lateral.
  2. Clique em uma guia na seção Propriedades CSS em linha para especificar propriedades CSS. Por exemplo: a. Na guia Campo, clique em Adicionar item. Uma linha com dois campos é adicionada.
  3. No primeiro campo a partir da esquerda, especifique uma propriedade CSS3 que 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 Cancelar para sair da caixa de diálogo sem alterações.

Nesta página