AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.
Você pode usar o componente separador para segregar visualmente os painéis de um formulário. Você pode definir a aparência e o estilo gerais 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 em linha: Com o AEM Forms, agora é possível aplicar estilos de 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:
Selecione um componente separador e toque em . As propriedades são abertas na barra lateral.
Clique em uma guia na seção Propriedades de CSS em linha para especificar as propriedades de 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 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 3 px.
Clique em Adicionar item para especificar outra propriedade e seu valor.
Clique em Visualizar para visualizar as alterações no formulário.
Clique em OK para confirmar as alterações ou em Cancelar para sair da caixa de diálogo sem alterações.