Componente separatore nei moduli adattivi separator-component-in-adaptive-forms
L’Adobe consiglia di utilizzare l’acquisizione dati moderna ed estensibile Componenti coreper creazione di un nuovo Forms adattivoo 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, consulta Utilizzare la modalità Layout per ridimensionare i componenti.
Per specificare le proprietà di un componente separatore:
- Seleziona un componente separatore e fai clic su
- 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.
- Nel primo campo da sinistra, specifica una proprietà CSS3 da applicare. Ad esempio: bordo. 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.
- Nel campo adiacente, specifica un valore valido per la proprietà CSS3 specificata. Ad esempio: 3 px nero solido.
- Clic Aggiungi elemento per specificare un'altra proprietà e il relativo valore.
- Clic Anteprima in modo da poter visualizzare in anteprima le modifiche nel modulo.
- Clic OK se desideri confermare le modifiche o Annulla per uscire dalla finestra di dialogo senza modifiche.