É 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. A expressão SOM endereça 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 você pode aplicar estilos CSS em linha a componentes de formulário adaptáveis individuais e pré-visualização as alterações em tempo real.
Para especificar as propriedades de um componente separador:
- Selecione um componente separador e toque em
. As propriedades são abertas na barra lateral.
- 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.
- No primeiro campo à esquerda, especifique uma propriedade CSS3 que você deseja aplicar. Por exemplo, border. 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.
- No campo adjacente, especifique um valor válido para a propriedade CSS3 especificada. Por exemplo, preto sólido de 3px.
- Clique em Adicionar Item para especificar outra propriedade e seu valor.
- Clique em Pré-visualização para pré-visualização das alterações no formulário.
- Clique em OK para confirmar as alterações ou Cancelar para sair da caixa de diálogo sem quaisquer alterações.