Componente separatore nei moduli adattivi

È 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.

È possibile utilizzare la modalità Layout per definire il numero di colonne su cui si estende il componente separatore. Per ulteriori informazioni, consulta Utilizzare la modalità Layout per ridimensionare i componenti.

Per specificare le proprietà di un componente separatore:

  1. Seleziona un componente separatore e tocca cmppr. Le proprietà si aprono nella barra laterale.
  2. 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.
  3. 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.
  4. Nel campo adiacente, specifica un valore valido per la proprietà CSS3 specificata. Ad esempio: Nero solido 3 px.
  5. Fai clic su Aggiungi elemento per specificare un'altra proprietà e il relativo valore.
  6. Fai clic su Anteprima per visualizzare in anteprima le modifiche apportate al modulo.
  7. Fai clic su OK per confermare le modifiche o Annulla per uscire dalla finestra di dialogo senza apportare alcuna modifica.

In questa pagina