È 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 indirizzano il 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 è possibile applicare stili CSS in linea a singoli componenti di moduli adattivi e visualizzare in anteprima le modifiche in tempo reale.
È possibile utilizzare la modalità Layout per definire il numero di colonne su cui si estende il componente separatore. Per ulteriori informazioni, vedere Utilizzare la modalità Layout per ridimensionare i componenti.
Per specificare le proprietà di un componente separatore:
- Selezionate un componente separatore e toccate
. Le proprietà si aprono nella barra laterale.
- Fate clic su una scheda nella sezione Proprietà CSS in linea per specificare le proprietà CSS. Ad esempio: a. Nella scheda Campo, fare clic su Aggiungi elemento. Viene aggiunta una riga con due campi.
- Nel primo campo da sinistra, specificate 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 in questo campo potete specificare qualsiasi nome di proprietà CSS3 supportato.
- Nel campo adiacente, specificate un valore valido per la proprietà CSS3 specificata. Ad esempio, 3px in tinta unita.
- Fare clic su Aggiungi elemento per specificare un'altra proprietà e il relativo valore.
- Fare clic su Anteprima per visualizzare l'anteprima delle modifiche nel modulo.
- Fare clic su OK per confermare le modifiche oppure su Annulla per uscire dalla finestra di dialogo senza apportare alcuna modifica.