DocumentazioneAEM 6.4Guida di Forms

Componente separatore nei moduli adattivi separator-component-in-adaptive-forms

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • User
CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

È 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.
  • Colspan: Specifica il numero di colonne su cui si estende un 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:

  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 modifiche.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da