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 gli 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, 3px solid black.
  5. Fare clic su Aggiungi elemento per specificare un'altra proprietà e il relativo valore.
  6. Fare clic su Anteprima per visualizzare in anteprima le modifiche apportate al modulo.
  7. Fai clic su OK per confermare le modifiche o su Annulla per uscire dalla finestra di dialogo senza apportare alcuna modifica.

In questa pagina