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

Adobe consiglia di utilizzare l'acquisizione dati moderna ed estensibile Componenti coreper la creazione di un nuovo Forms adattivoo l'aggiunta di Forms adattivo alle pagine AEM Sites. Questi componenti rappresentano un progresso significativo nella creazione di Forms adattivi, garantendo esperienze utente straordinarie. Questo articolo descrive un approccio precedente all’authoring di Forms adattivi utilizzando i componenti di base.

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

Puoi 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:

  1. Selezionare un componente separatore e selezionare 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 fare 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. Puoi anche selezionare una proprietà facendo clic sul pulsante freccia giù. L’elenco a discesa non è esaustivo ed è possibile 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, 3 px nero solido.
  5. Fare clic su Aggiungi elemento per specificare un'altra proprietà e il relativo valore.
  6. Fai clic su Anteprima per visualizzare in anteprima le modifiche nel modulo.
  7. Fare clic su OK se si desidera confermare le modifiche oppure su Annulla per uscire dalla finestra di dialogo senza apportare modifiche.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2