È possibile utilizzare il componente separatore per separare visivamente i pannelli di un modulo. È possibile definire l’aspetto e lo stile generali di un componente separatore specificando le seguenti proprietà del componente separatore:
Nome elemento: Specifica il nome del componente. Le espressioni SOM si rivolgono al componente con il valore specificato nel campo Nome elemento .
Spessore: Specifica lo spessore in pixel del componente separatore.
Classe CSS: Specifica la classe CSS personalizzata per il componente separatore
Stili in linea: Con AEM Forms, ora puoi applicare stili CSS in linea ai singoli componenti dei moduli adattivi e visualizzare in anteprima le modifiche in tempo reale.
Per specificare le proprietà di un componente separatore:
Seleziona un componente separatore e tocca . Le proprietà si aprono nella barra laterale.
Fai clic su una scheda nella sezione Proprietà CSS in linea per specificare le proprietà CSS. Ad esempio: a) Nella scheda Campo, fai clic su Aggiungi elemento. Viene aggiunta una riga con due campi.
Nel primo campo da sinistra, specifica una proprietà CSS3 da applicare. Ad esempio: border. È inoltre possibile selezionare una proprietà facendo clic sul pulsante freccia giù. L’elenco a discesa non è esaustivo e puoi specificare qualsiasi nome di proprietà CSS3 supportato in questo campo.
Nel campo adiacente, specifica un valore valido per la proprietà CSS3 specificata. Ad esempio: Nero solido 3 px.
Fai clic su Aggiungi elemento per specificare un'altra proprietà e il relativo valore.
Fai clic su Anteprima per visualizzare in anteprima le modifiche apportate al modulo.
Fai clic su OK per confermare le modifiche o Annulla per uscire dalla finestra di dialogo senza apportare alcuna modifica.