La maggior parte dei componenti di base è ora obsoleta con AEM 6.5. Per ulteriori informazioni, consulta le note sulla versione .
Adobe consiglia di utilizzare nei progetti AEM i nuovi componenti di base (“core”) più avanzati ed estensibili. Questi fanno parte del contenuto di esempio We.Retail e possono anche essere installati separatamente e utilizzati dall'amministratore per lo sviluppo.
È possibile utilizzare la AEM suite di strumenti di modernizzazione per eseguire il refactoring del sito basato su componenti di base per utilizzare i componenti core.
I precedenti componenti di base erano stati progettati per essere utilizzati durante la creazione di contenuti per una pagina web standard. Costituiscono un sottoinsieme dei componenti disponibili direttamente per un’installazione standard di AEM.
Alcuni sono immediatamente disponibili tramite il browser dei componenti, altri anche utilizzando modalità progettazione (se la pagina è basata su un modello statico) o modificando il modello (se la pagina è basata su un modello modificabile).
L’uso dei precedenti componenti di base è supportato, ma sono stati dichiarati obsoleti e sostituiti dai nuovi componenti di base (“core”) che offrono maggiore scalabilità e flessibilità.
Questa sezione illustra unicamente i componenti disponibili pronti all’uso in un’installazione AEM standard.
A seconda dell’istanza corrente è possibile che siano presenti componenti personalizzati sviluppati esplicitamente per le tue esigenze. Questi possono anche avere lo stesso nome di alcuni dei componenti qui descritti.
I componenti sono disponibili nella scheda Componenti del pannello laterale dell’editor di pagine durante la modifica di una pagina.
Puoi selezionare un componente e trascinarlo nella posizione desiderata sulla pagina. Puoi quindi modificarlo utilizzando:
I componenti sono ordinati in base alle varie categorie, o gruppi di componenti, che comprendono:
I componenti del gruppo Generale sono i componenti di base utilizzati per creare contenuti.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
È possibile definire un collegamento con titolo e descrizione.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Immagine.
Il componente Immagine adattiva genera immagini che vengono ridimensionate in base alla finestra nella quale viene aperta la pagina web. Per utilizzare questo componente, occorre fornire una risorsa immagine dal file system o DAM. Quando la pagina web viene aperta, il browser scarica una copia dell’immagine ridimensionata, adatta per la finestra corrente.
Le dimensioni della finestra dipendono dalle seguenti caratteristiche:
Ad esempio, il componente genera un’immagine piccola quando la pagina web viene aperta da uno smartphone e un’immagine media quando viene aperta da un tablet. Per un portatile, verrà invece creata un’immagine grande se la pagina viene aperta in una finestra del browser con dimensioni massime. Se la finestra del browser viene ridimensionata e ridotta, il componente trasmette un’immagine più piccola e aggiorna la visualizzazione.
Per il componente Immagine adattiva puoi usare file immagine con le seguenti estensioni:
I file .gif animati non sono supportati in AEM per le rappresentazioni adattive.
Nella tabella seguente sono elencati i valori di larghezza immagine generati per determinate larghezze di visualizzazione. L’altezza dell’immagine generata è calcolata in modo da mantenere proporzioni costanti, senza spazi bianchi all’interno del bordo dell’immagine. Per evitare spazi bianchi può essere applicato il ritaglio.
Per le immagini JPEG, la dimensione di visualizzazione può inoltre influenzare la qualità JPEG. Sono possibili le seguenti qualità JPEG:
Intervallo di larghezza di visualizzazione (pixel) | Larghezza immagine (pixel) | Qualità JPEG | Tipo di dispositivo di destinazione |
---|---|---|---|
larghezza <= 319 | 320 | Bassa | |
larghezza = 320 | 320 | Media | Telefono cellulare (verticale) |
320 < larghezza < 481 | 480 | Media | Telefono cellulare (orizzontale) |
480 < larghezza < 769 | 476 | Alta | Tablet (verticale) |
768 < larghezza < 1025 | 620 | Alta | Tablet (orizzontale) |
larghezza <= 1025 | Intera (dimensione originale) | Alta | Desktop |
La finestra di dialogo consente di modificare le proprietà per l’istanza del componente Immagine adattiva, molte delle quali sono in comune con il componente Immagine, sul quale il primo si basa. Le proprietà sono disponibili in due schede:
Immagine
Immagine Trascina un’immagine da Content Finder oppure fai clic per aprire una finestra in cui caricare un’immagine. Una volta caricata l’immagine, è possibile ritagliarla, ruotarla o eliminarla. Per ingrandire e ridurre l’immagine, utilizza la barra di scorrimento al di sotto dell’immagine (sopra i pulsanti OK e Annulla)
Ritaglia Consente di ritagliare un’immagine. Trascina il bordo dell’immagine per ritagliare.
Ruota Fai clic più volte fino a ottenere la rotazione desiderata.
Cancella Rimuove l’immagine corrente.
Avanzate
Titolo Il componente Immagine adattiva non utilizza questa proprietà.
Testo Alt Testo alternativo per l’immagine.
Collega a Il componente Immagine adattiva non utilizza questa proprietà.
Descrizione Il componente Immagine adattiva non utilizza questa proprietà.
Per informazioni su come personalizzare il componente Immagine adattiva, consulta Informazioni sul componente Immagine adattiva.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Carosello.
Il componente Carosello consente di visualizzare le immagini associate a singole pagine:
I controlli attivi consentono anche di muoversi in sequenza attraverso le pagine visualizzate in tempo reale, a richiesta. Fai clic sull’immagine di pagina visibile per passare alla pagina relativa. In altre parole, il carosello funge da controllo di navigazione.
Sono disponibili in due schede:
Carosello Consente di specificare il funzionamento del carosello:
Elenco
Qui si specifica come vengono incluse le pagine nel carosello:
Genera elenco con Esistono vari modi per generare un elenco di pagine: Pagine figlie, Elenco correzioni, Ricerca o Ricerca avanzata (tutti descritti di seguito). Indipendentemente dal metodo scelto, alle pagine incluse nell’elenco dovrebbe già essere associata un’immagine, che verrà visualizzata nel Carosello. Se a una determinata pagina, nelle Proprietà pagina, non è associata un’immagine, è necessario eseguire l’associazione prima di iniziare, in caso contrario nel Carosello sarà visualizzata una pagina vuota (o quasi completamente vuota). Consulta Modifica delle Proprietà pagina. A seconda dell’elemento scelto sarà visualizzato un nuovo pannello:
Opzioni per le pagine secondarie
Opzioni per elenco fisso
+
per aggiungere altre voci e i pulsanti su/giù per regolare l'ordine.Opzioni per la ricerca
Inizia in Consente di immettere un percorso di inizio, manualmente o utilizzando il selettore.
Query di ricerca Consente di inserire una query di ricerca sotto forma di testo normale.
Opzioni di ricerca avanzata
Ordina
perSeleziona
jcr:title
, jcr:created
, cq:lastModified
o cq:template
dal menu a discesa .
Limite Il numero massimo di voci da utilizzare nel Carosello, facoltativo.
Puoi creare un componente Carosello personalizzato per Adobe Experience Manager, per la visualizzazione delle risorse digitali presenti in DAM AEM. Per ulteriori informazioni, consulta Creazione di componenti Carosello personalizzati per Adobe Experience Manager.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Il componente Grafico consente di aggiungere un grafico a barre, a linee o a torta. AEM crea un grafico a partire dai dati forniti. I dati vengono specificati digitando direttamente nella scheda Dati, o copiando e incollando un foglio di calcolo.
Dati
Avanzate
Tipo di grafico Seleziona un’opzione tra Grafico a torta, Grafico a linee e Grafico a barre.
Testo alternativo Testo alternativo che viene visualizzato al posto del grafico.
Larghezza Larghezza del grafico in pixel.
Altezza Altezza del grafico in pixel.
L’esempio seguente mostra un esempio di dati del grafico, seguiti dal grafico a barre risultante:
Puoi creare un controllo per grafici AEM personalizzato per la visualizzazione di dati presenti in AEM JCR. Per ulteriori informazioni, consulta Visualizzazione di dati di Adobe Experience Manager in un grafico.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Frammento di contenuto.
I frammenti di contenuto vengono creati e gestiti come risorse indipendenti dalla pagina. Puoi quindi utilizzare questi frammenti, con le relative varianti, durante l’authoring di pagine di contenuto.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Questo consente di caricare un file zip che include un pacchetto di progettazione.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Il componente Scarica crea un collegamento nella pagina web selezionata per scaricare un file specifico. Puoi trascinare un contenuto da Content Finder oppure caricare un file.
Scarica
Descrizione Breve descrizione visualizzata con il collegamento per il download.
File File disponibile per il download nella pagina Web risultante. Trascina una risorsa da Content Finder o fai clic nell’area per caricare il file da rendere disponibile come download.
Nell’esempio di seguito viene illustrato il componente Scarica di Geometrixx:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Il componente per l’integrazione con applicazioni esterne (Esterno) consente di integrare applicazioni esterne nella pagina AEM tramite un iframe.
Esterno
applicazione
di destinazioneSpecifica l’URL dell’applicazione web da integrare; ad esempio:
https://en.wikipedia.org/wiki/Main_Page
Passa parametri Se necessario, seleziona la casella di selezione per i parametri da passare all’applicazione.
**Larghezza e altezza
**Definire le dimensioni dell'iframe
L’applicazione esterna viene integrata nel sistema paragrafo della pagina AEM, ad esempio, quando si utilizza un’applicazione di destinazione https://en.wikipedia.org/wiki/Main_Page
:
A seconda del caso d’uso, per l’integrazione di applicazioni esterne possono essere disponibili altre opzioni, ad esempio l’Integrazione di portlet.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Non è più previsto che questo componente funzioni come standard senza un’ampia personalizzazione a livello di progetto.
Il componente Flash permette di caricare un filmato Flash. Puoi trascinare una risorsa Flash da Content Finder sul componente oppure usare la finestra di dialogo:
Flash
Filmato Flash
File del filmato Flash. Potete trascinare un contenuto da Content Finder oppure fare clic per aprire un finestra con cui individuare il contenuto.
Dimensione
Dimensioni in pixel dell’area di visualizzazione destinata al filmato.
Immagine alternativa
Immagine alternativa da mostrare
Avanzate
Menu di scelta rapida
Indica se il menu di scelta rapida deve essere mostrato o nascosto.
Modalità finestra
Aspetto della finestra, ad esempio opaca, trasparente o distinta (solida).
Colore sfondo
Colore di sfondo selezionato dalla tavola colori fornita.
Versione minima
Versione minima di Adobe Flash Player necessaria per riprodurre il filmato. Il valore predefinito è 9.0.0.
Attributi
Eventuali altri attributi richiesti.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Immagine.
Il componente Immagine visualizza un’immagine e il relativo testo in base ai parametri specificati.
Puoi caricare un’immagine, quindi modificarla e manipolarla, ad esempio ritagliandola, ruotandola o aggiungendo un collegamento, un titolo o un testo.
Puoi trascinare un’immagine dal Browser risorse direttamente sul componente o sulla relativa finestra di dialogo Configura. È anche possibile caricare un’immagine dalla finestra di dialogo Configura, che controlla anche tutte le definizioni e le manipolazioni delle immagini:
Una volta che l’immagine è caricata (non prima) è possibile utilizzare la modifica locale per ritagliare o ruotare l’immagine:
L’editor locale utilizza le dimensioni e le proporzioni originali dell’immagine durante la modifica. È inoltre possibile specificare le proprietà relative a altezza e larghezza. Eventuali restrizioni relative a dimensioni e proporzioni definite nelle proprietà vengono applicate al salvataggio delle modifiche.
In base all’istanza, le limitazioni minime e massime possono essere imposte anche a partire dalla progettazione della pagina; queste vengono sviluppate durante l’implementazione del progetto.
Diverse opzioni aggiuntive sono disponibili nella modalità di modifica a schermo intero, ad esempio, mappa e zoom:
In Internet Explorer non è possibile monitorare l’avanzamento del caricamento.
Se si utilizza Internet Explorer è necessario caricare l’immagine e fare clic su OK, quindi riaprire l’immagine per vedere il file caricato nell’anteprima e per eseguire eventuali modifiche (ad es. ritagliare l’immagine).
Per ulteriori informazioni sulle funzioni HTML5 utilizzate da AEM, consulta la sezione Piattaforme certificate .
Quando carichi un’immagine, puoi configurare le opzioni seguenti:
Mappa
Per mappare un’immagine, seleziona Mappa. È possibile specificare come si desidera creare la mappa immagine (rettangolare, poligonale e così via) e la destinazione dell’area.
Ritaglia
Selezionate Ritaglia per ritagliare un’immagine. Ritagliate l’immagine utilizzando il mouse.
Ruota
Per ruotare un’immagine, selezionate Ruota. Utilizzare ripetutamente finché l'immagine non viene ruotata nel modo desiderato.
Cancella
Rimuove l’immagine corrente.
Titolo
Titolo dell’immagine.
Testo alt
Testo alternativo da utilizzare per la creazione di contenuto accessibile.
Collega a
Crea un collegamento a risorse o altre pagine all’interno del sito web.
Descrizione
Descrizione dell’immagine.
Dimensione
Imposta l’altezza e la larghezza dell’immagine.
Alcune opzioni sono disponibili solo nell’editor a schermo intero.
L’immagine finale (con Titolo e Descrizione) può essere visualizzata come:
Il componente fornisce un sistema paragrafo a griglia che consente di aggiungere e posizionare i componenti all’interno di una griglia reattiva. Questo consente di definire layout di contenuti diversi in base alla larghezza dei dispositivi di destinazione, inclusa una gamma di telefoni, tablet e al desktop.
Questo componente è stato implementato con il linguaggio HTL (HTML Template Language).
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Elenco.
Il componente Elenco permette di configurare criteri di ricerca per la creazione di un elenco:
Elenco
Genera elenco con
Qui si specifica la provenienza del contenuto dell’elenco. Sono disponibili diversi metodi:
A seconda dell’elemento scelto sarà visualizzato un nuovo pannello:
Opzioni per le pagine secondarie
Figli di (pagina padre)
Specifica un percorso manualmente o utilizzando il selettore. Lascia vuoto per utilizzare la pagina corrente come pagina padre.
Opzioni per elenco fisso
Pagine
Seleziona un elenco di pagine. Utilizza + per aggiungere altre voci e i pulsanti su/giù per regolare l’ordine.
Opzioni per la ricerca
Inizia in
Immettere un percorso iniziale, manualmente o utilizzando il selettore.
Query di ricerca
È possibile immettere una query di ricerca con testo normale.
Opzioni di ricerca avanzata
Notazione predicato Querybuilder
È possibile inserire una query di ricerca utilizzando la notazione predicato Querybuilder. Ad esempio, puoi inserire "fulltext=Marketing" per visualizzare nel carosello tutte le pagine con "Marketing" nel contenuto.
Per informazioni complete sulle espressioni di query e ulteriori esempi, consulta API QueryBuilder .
Tag
Specifica la Pagina padre, Tag/Parole chiave e i criteri di corrispondenza richiesti.
Visualizza come
Come devono essere elencati gli elementi: come Collegamenti, Teaser o Notizie.
Ordina per
Indica se l’elenco deve essere ordinato e, in tal caso, quale criterio di ordinamento usare. È possibile specificare un criterio o selezionarne uno dall’elenco a discesa fornito.
Limite
Specificate il numero massimo di elementi da visualizzare nell’elenco.
Abilita feed
Indica se attivare un feed RSS per l’elenco.
Paginare dopo
Qui si può specificare quante voci elenco devono essere visualizzate alla volta. Se un elenco contiene più voci di quanto specificato, l’elenco verrà visualizzato in più parti.
Nell’esempio seguente, un componente Elenco visualizza una serie di pagine figlie, in base alle definizioni CSS personalizzate della progettazione di un sito.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Non è più previsto che questo componente funzioni come standard senza un’ampia personalizzazione a livello di progetto.
Forniscono i campi nome utente e password.
Puoi configurare i parametri seguenti:
Accesso
Etichetta sezione
Testo iniziale per i campi di input.
Etichetta nome utente
Testo per etichettare il campo del nome utente.
Etichetta password
Testo per etichettare il campo password.
Etichetta pulsante Accesso
Testo del pulsante di accesso.
Reindirizza a
Puoi specificare la pagina del sito web che deve essere aperta dopo l’accesso dell’utente.
Accesso già effettuato
Etichetta pulsante Continua
Testo per indicare che l’utente ha già effettuato l’accesso.
Non è più previsto che questo componente funzioni come standard senza un’ampia personalizzazione a livello di progetto.
Titolo
Titolo
Specificare il testo del titolo che si desidera visualizzare.
Collegamento
Specifica la pagina (prodotto) per la quale deve essere visualizzato lo stato dell’ordine.
Tipo/Dimensione
Seleziona dalla selezione fornita.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Frammento di contenuto.
Il componente Riferimento consente di fare riferimento al testo da un’altra pagina del sito Web AEM (all’interno dell’istanza corrente). Il contenuto del paragrafo a cui viene fatto riferimento verrà visualizzato come se si trovasse nella pagina corrente. Il contenuto verrà aggiornato al modificarsi del paragrafo di origine (potrebbe essere necessario un aggiornamento della pagina).
Riferimento paragrafo
Riferimento
Specifica il percorso della pagina e il paragrafo a cui fare riferimento (includere il contenuto).
Per specificare il percorso di un paragrafo è necessario aggiungere in coda al percorso (della pagina) quanto segue:
.../jcr:content/par/<paragraph-ID>
Esempio:
/content/geometrixx-outdoors/en/equipment/biking/cajamara/jcr:content/par/similar-products
Oltre a fare riferimento a un paragrafo specifico, il percorso può essere modificato anche in modo da specificare un sistema paragrafo completo. Questa operazione può essere eseguita inserendo in coda al percorso quanto segue:
/jcr:content/par
Esempio:
/content/geometrixx-outdoors/en/equipment/biking/cajamara/jcr:content/par
Una volta configurato il contenuto apparirà esattamente come nella pagina sorgente. Il fatto che si tratti di un riferimento è visibile solo quando il componente viene aperto per la modifica:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Ricerca rapida.
Il componente Ricerca aggiunge alla pagina le funzionalità di ricerca.
Puoi configurare i parametri seguenti:
Ricerca
Tipi di nodo
Se la ricerca deve essere limitata a specifici tipi di nodo elencali qui; ad esempio, cq:Page
.
Percorso di ricerca
Specificare la pagina principale del ramo che si desidera cercare.
Testo pulsante Cerca
Nome visualizzato sul pulsante di ricerca.
Testo per statistiche
Testo visualizzato sopra i risultati di ricerca.
Testo Nessun risultato
Se non vi sono risultati, viene visualizzato il testo inserito qui.
Controllo ortografia del testo
Se un utente inserisce un termine simile, prima del termine viene visualizzato questo testo.
Ad esempio, se digitate geometrixxe, il sistema visualizza "Intendete? geometrixx".
Testo per pagini simili
Testo visualizzato accanto a un risultato per pagine simili. Fate clic su questo collegamento per vedere altre pagine con contenuti simili.
Testo di ricerche correlate
Testo visualizzato accanto a ricerche per termini e argomenti correlati.
Testo di tendenze ricerca
Titolo al di sopra dei termini di ricerca inseriti dall’utente.
Etichetta pagina risultati
Testo visualizzato in fondo all’elenco, con collegamenti verso le altre pagine di risultati.
Etichetta precedente
Nome visualizzato sul collegamento verso le pagine di ricerca precedenti.
Etichetta successiva
Nome visualizzato sul collegamento verso le pagine di ricerca successive.
L’esempio seguente mostra il componente Ricerca dopo la ricerca della parola geometrixx dalla directory principale di un’installazione standard. L’esempio mostra anche l’impaginazione dei risultati:
L’esempio seguente mostra un termine di ricerca con errore ortografico e non disponibile:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i componenti di base , Navigazione lingua e Breadcrumb.
Un elenco automatico di tipo sitemap, con impostazioni predefinite, include tutte le pagine, (sotto forma di collegamenti attivi), presenti nel sito Web corrente. Ad esempio, un estratto mostra quanto segue:
Se necessario è possibile configurare:
Sitemap
Percorso directory principale
Percorso di inizio per la creazione dell’elenco.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Carosello.
Non è più previsto che questo componente funzioni come standard senza un’ampia personalizzazione a livello di progetto.
Questo componente permette di caricare una serie di immagini da visualizzare sulla pagina sotto forma di slideshow. Puoi aggiungere o rimuovere immagini e assegnare un titolo a ognuna di esse. In Avanzate è inoltre possibile specificare la dimensione dell’area di visualizzazione.
Puoi configurare i parametri seguenti:
Diapositive
Nuova diapositiva
È possibile specificare una selezione di diapositive utilizzando i pulsanti Aggiungi (e Rimuovi).
Titolo
Se necessario, specifica un titolo. Questo viene sovrapposto sulla diapositiva appropriata.
Avanzate
Dimensione
Specifica la larghezza e l’altezza in pixel.
Quindi, il componente Presentazione visualizza in sequenza ciascuna immagine per un breve lasso di tempo, prima di passare alla diapositiva successiva con un effetto di dissolvenza:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Testo.
Il componente di base Tabella è basato sull’editor Rich Text, come il componente di base Testo.
Il componente Tabella è preconfigurato per consentire di generare, compilare e formattare una tabella. Utilizzando la finestra di dialogo puoi configurare la tabella e creare contenuti:
Puoi apportare semplici modifiche al contenuto utilizzando l’editor in linea:
Nella modalità a schermo intero è possibile configurare il layout della tabella:
La schermata seguente mostra un esempio del componente Tabella; la progettazione è determinata dal CSS specifico per il sito:
Una tag cloud mostra una rappresentazione grafica di una selezione di tag associati al contenuto del sito Web:
Per la configurazione del componente Tag cloud, puoi specificare:
Tag da visualizzare
Provenienza dei tag raccolti da visualizzare. Seleziona da una pagina, da una pagina con tutte le pagine figlie o tutti i tag.
Pagina
Seleziona la pagina a cui fare riferimento.
Nessun collegamento sui tag
Se i tag visualizzati devono funzionare come collegamenti.
Per ulteriori informazioni sull’applicazione dei tag, consulta Utilizzo dei tag.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Testo.
Il componente di base Testo è basato sull’editor Rich Text, come il componente di base Tabella.
Il componente Testo consente di inserire un blocco di testo utilizzando un editor WYSIWYG, le cui funzionalità sono fornite dall’Editor Rich Text. Sono disponibili varie icone che consentono di formattare il testo, specificando caratteristiche del font, allineamento, collegamenti, elenchi e rientri.
Quando apri la finestra di dialogo Configura, puoi anche impostare:
Il testo formattato verrà quindi visualizzato sulla pagina; la progettazione effettiva dipenderà dal sito CSS:
Per informazioni più dettagliate sul componente Testo e sulla funzionalità fornita dall’editor Rich Text, consulta la pagina editor Rich Text.
Oltre alla modalità di modifica del testo RTF basata su finestra di dialogo, AEM supporta anche la modifica locale, che consente di modificare direttamente il testo, così come viene visualizzato nel layout della pagina.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Immagine e Testo.
Il componente Testo e immagine aggiunge un blocco di testo e un’immagine. È inoltre possibile aggiungere testo e immagini separatamente; per maggiori dettagli, vedi i componenti Testo e Immagine.
Puoi configurare i parametri seguenti:
Stili componente (Stili)
Qui è possibile specificare l’allineamento a sinistra o a destra dell’immagine. L’impostazione predefinita prevede l’allineamento dell’immagine a Sinistra.
Proprietà immagine (Proprietà immagine avanzate)
Potete specificare i seguenti parametri:
Risorsa immagine
Carica l’immagine richiesta.
Titolo
Titolo del blocco di testo, che verrà visualizzato al passaggio del mouse.
Testo alt
Testo alternativo che verrà mostrato qualora l’immagine non sia disponibile. Se questo campo viene lasciato vuoto, verrà utilizzato il titolo.
Collega a
Specifica un percorso di destinazione.
Descrizione
Descrizione dell’immagine.
Dimensione
Imposta l’altezza e la larghezza dell’immagine.
L’esempio seguente mostra un componente Testo e immagine che mostra l’immagine allineata a sinistra:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Titolo.
Il componente Titolo può visualizzare uno dei seguenti elementi:
Puoi configurare i parametri seguenti:
Titolo
Per usare un nome diverso dal titolo della pagina, inseritelo in questo campo.
Collegamento
URI, qualora il titolo debba fungere da collegamento.
Tipo/Dimensione
Selezionate Piccolo o Grande dall’elenco a discesa. Con Piccolo viene generato come immagine. Con Grande viene generato come testo.
L’esempio seguente mostra un componente Titolo visualizzato in base al CSS specifico del sito.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il componente di incorporamento dei componenti core .
Non è più previsto che questo componente funzioni come standard senza un’ampia personalizzazione a livello di progetto.
Il componente Video consente di inserire un elemento video predefinito, disponibile out-of-the-box, nella pagina.
Per informazioni sull’uso con gli elementi HTML5, consulta anche Configurare i profili video.
Dopo aver posizionato un’istanza del componente sulla pagina puoi configurare i parametri seguenti:
Video
Risorsa video
Carica o rilascia la risorsa video.
Dimensione
Le dimensioni native del video (larghezza x altezza, in pixel) vengono riportate nelle caselle accanto a Dimensione (ved. sopra). Per escludere le dimensioni native del video, potete inserire manualmente nuovi valori di larghezza e altezza. Fai clic su OK per chiudere la finestra di dialogo.
Tra i formati supportati:
.mp4
Ogg
FLV
(video Flash)Le colonne sono un meccanismo per controllare il layout del contenuto in AEM. In un’installazione standard sono inclusi componenti per la creazione di due e/o 3 colonne.
L’esempio seguente mostra il componente 2 Colonne in uso. È possibile utilizzare i segnaposto per i nuovi componenti:
Componente Controllo colonna con impostazione predefinita di 2 colonne uguali.
Componente Controllo colonna con impostazione predefinita di 3 colonne uguali.
Il componente Controllo colonna consente agli utenti di selezionare la modalità di suddivisione del contenuto del pannello principale della pagina web in più colonne. Gli utenti possono selezionare il numero di colonne richiesto (da un elenco predefinito) e quindi creare, eliminare o spostare i contenuti all’interno di ciascuna colonna.
Controllo colonna
Layout colonna
Selezionate il numero di colonne desiderato. Una volta creata, ogni colonna dispone di un proprio collegamento per trascinare componenti o risorse durante l’aggiunta di contenuto.
Il componente di base per componenti moduli è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
I componenti Modulo permettono di creare dei moduli che i visitatori possono compilare e inviare. I moduli e i componenti modulo consentono di raccogliere informazioni come ad esempio feedback dagli utenti (ad es. mediante un modulo di valutazione del livello di soddisfazione) e informazioni (ad es. mediante un modulo di registrazione utente).
Consulta Aiuto moduli AEM per informazioni sui moduli AEM.
I moduli sono composti di diversi componenti distinti:
Modulo
Il componente Modulo definisce l’inizio e la fine di un nuovo modulo sulla pagina. È possibile quindi inserire altri componenti tra tali elementi, ad esempio tabelle, file da scaricare e così via.
Campi ed elementi per moduli
I campi e gli elementi per i moduli possono comprendere caselle di testo, pulsanti di scelta, immagini e così via. L’utente spesso completa un’azione in un campo modulo, ad esempio digita del testo. Per ulteriori informazioni, consultate le sezioni dedicate ai singoli elementi.
Componenti Profilo
I componenti Profilo si riferiscono ai profili dei visitatori utilizzati per collaborazione di tipo social network e altre aree in cui è richiesta una personalizzazione in base al visitatore.
Di seguito è visualizzato un modulo di esempio, composto dal componente Modulo (inizio e fine), con due campi Testo modulo per consentire l’input, un campo di Testo Generale utilizzato per il testo introduttivo e un pulsante Invia.
Informazioni sullo sviluppo e sulla personalizzazione ulteriori del moduli sono disponibili sulla pagina Sviluppo di moduli. Sono inclusi, tra gli altri, aggiunta di azioni, vincoli, precaricamento di campi e utilizzo di script per richiamare un servizio per l’esecuzione di un’azione.
Anche se i vari componenti modulo hanno funzioni diverse, molti di essi offrono opzioni e parametri simili.
Quando si configura un componente modulo, la finestra di dialogo presenta le seguenti schede:
Titolo e testo
Qui si specificano le informazioni di base, ad esempio il titolo del modulo ed eventuale testo di corredo. Se appropriato è inoltre possibile definire informazioni chiave, ad esempio se il campo consente una selezione multipla e quali voci possono essere selezionate.
Valori iniziali
Consente di specificare un valore predefinito.
Vincoli
Qui si specifica se un campo è obbligatorio ed eventuali vincoli associati al campo (ad es. se il valore deve essere numerico e così via).
Attribuzione stile
Indica la dimensione e lo stile dei campi.
I campi disponibili variano notevolmente in base al singolo componente.
Queste schede forniscono i parametri necessari, che dipendono dal tipo di componente, ma possono includere:
Titolo e testo
Nome elemento
Nome dell’elemento modulo. Indica dove vengono registrati i dati nella directory archivio.
Questo campo è obbligatorio e può contenere solo i seguenti caratteri:
_ . / : -
Titolo
Titolo da visualizzare con il campo. Se lasciato vuoto, viene visualizzato il titolo predefinito.
Descrizione
Consente di fornire eventuali informazioni aggiuntive per l’utente. Nel modulo questo viene visualizzato sotto il campo, in un font di dimensioni più piccole rispetto al titolo.
Mostra/Nascondi
Determina quando il campo deve essere visibile.
Valori iniziali
Valore predefinito
Il valore visualizzato nel campo all’apertura del modulo, ossia prima che venga compilato dall’utente.
Vincoli
Obbligatorio
Questo dipende dal tipo di componente modulo, ma fornisce una o più caselle di controllo per indicare che questo campo, o alcune parti di esso, sono obbligatorie.
Messaggio richiesto
Un messaggio per informare gli utenti che questo campo è obbligatorio; anche un campo obbligatorio sarà contrassegnato da un asterisco.
Vincolo
I vincoli disponibili per la selezione dipendono dal tipo di componente modulo.
Messaggio vincolo
Un messaggio per informare gli utenti di ciò che è necessario.
Attribuzione stile
Dimensione
In righe e colonne.
Larghezza
In pixel.
CSS
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Contenitore modulo.
Il componente Modulo definisce l’inizio e la fine di un modulo con gli elementi Inizio modulo e Fine modulo. Questi sono sempre utilizzati in coppia per garantire la corretta definizione del modulo.
Tra l’inizio e la fine di un modulo puoi aggiungere componenti modulo che definiscono i campi di immissione presentati agli utenti.
Il componente modulo dei componenti di base supporta solo l’uso di altri componenti modulo dei componenti di base (pulsante, testo, nascosto, ecc.). Non è possibile utilizzare dei componenti modulo dei nuovi componenti di base (“core”) all’interno di un modulo creato con un precedente componente di base (“foundation”), e viceversa.
Questo componente è necessario per definire l’inizio di un nuovo modulo su una pagina. Puoi configurare i parametri seguenti:
Modulo
Pagina di ringraziamento
La pagina a cui passare per ringraziare i visitatori dopo l’invio del modulo. Se viene lasciato vuoto, dopo l’invio viene di nuovo visualizzato il modulo.
Avvia flusso di lavoro
Determina il flusso di lavoro che viene attivato dopo l’invio del modulo.
Avanzate
Tipo di azione
Un modulo richiede un’azione che definisca l’operazione da avviare con i dati inviati dall’utente (simile a action= in HTML). Alcuni richiedono una Configurazione azione corrispondente.
Una selezione di tipi di azioni è inclusa in un’installazione standard AEM:
Richiesta account
Crea contenuto
Crea lead
Crea e aggiorna account
Servizio e-mail: crea utente con sottoscrizione e aggiungi all'elenco
Servizio e-mail: invia e-mail di risposta automatica
Servizio e-mail: annulla sottoscrizione a mailing list
Modifica Community
Modifica risorse
Modifica risorse controllate da flusso di lavoro
Dettagli ordine inoltrato
Aggiornamento profilo
Ripristina password
Imposta password
Archivia contenuto
Tipo di azione predefinito.
Contenuto store con caricamenti
Invia ordine
Annulla sottoscrizione utente
Aggiorna ordine
Identificatore modulo
L’identificatore del modulo identifica il modulo in maniera univoca. Utilizza l’identificatore del modulo se sono presenti diversi moduli su una stessa pagina, avendo cura di utilizzare identificatori diversi per ciascun modulo.
Percorso di caricamento
Percorso delle proprietà nodo utilizzato per caricare valori predefiniti nei campi del modulo.
Si tratta di un campo facoltativo, per specificare il percorso di un nodo nella directory archivio. Quando alcune proprietà di questo nodo corrispondono ai nomi dei campi, i relativi campi del modulo vengono precompilati con il valore della proprietà corrispondente. In assenza di proprietà corrispondenti, il campo contiene il valore predefinito.
Utilizzando Percorso di caricamento potete precaricare il modulo con valori inseriti nei campi necessari. Consultare Precaricamento dei valori dei moduli.
Convalida client
Indica se il modulo richiede la convalida client (la convalida server viene sempre effettuata). Questa può essere effettuata in combinazione con il componente per moduli Captcha.
Tipo risorsa validazione
Definisce il tipo di risorsa per la convalida del modulo se si desidera convalidare l’intero modulo (invece dei singoli campi). Se si convalida l’intero modulo, occorre includere anche uno dei seguenti elementi:
Uno script per la convalida client:
/apps/<*myApp*>/form/<*myValidation*>/formclientvalidation.jsp
Uno script per la convalida lato server:
/apps/<*myApp*>/form/<*myValidation*>/formservervalidation.jsp
Configurazione azione
Le opzioni disponibili in Configurazione azione dipendono dalla selezione di Tipo azione :
Richiesta account
Pagina di creazione account
Pagina utilizzata per creare un nuovo account.
Crea contenuto
Percorso contenuto
Percorso di eventuale contenuto riprodotto nel modulo. Inserite un percorso che termina con una barra /
. La barra indica che per ciascuna porta modulo viene creato un nuovo nodo nel percorso indicato, ad esempio:
/forms/feedback/
Tipo
Seleziona il tipo richiesto.
Modulo
Specificare il modulo.
Rendering con
Seleziona l’opzione desiderata dall’elenco.
Tipo risorsa
Se impostato, questo viene aggiunto a ogni commento come sling:resourceType
Selettore vista
Crea lead
Il lead verrà aggiunto a questo elenco
Specifica l’elenco di lead richiesto.
Crea e aggiorna account
Gruppo iniziale
Gruppo a cui assegnare l’utente.
Pagina principale
Pagina da visualizzare dopo l’accesso.
Percorso
Percorso (relativo) per la creazione e memorizzazione del nuovo account.
Visualizza dati…
Fate clic su questo pulsante per accedere a informazioni sui risultati del modulo in Bulk Editor. Da qui puoi esportare le informazioni in un file .tsv
(separato da tabulazioni) da utilizzare, ad esempio, in un foglio di calcolo Excel.
Posta
Da
Inserire l’indirizzo e-mail dal quale deve essere inviato il messaggio e-mail.
Invia a
Inserite gli indirizzi e-mail a cui deve essere inviato il modulo.
CC
Inserite gli indirizzi e-mail per invio CC.
CCN
Inserite gli indirizzi e-mail per invio CCn.
Oggetto
Inserite l’oggetto del messaggio e-mail.
Ripristina password
Pagina modifica password
Pagina utilizzata per modificare la password.
Contenuto store
Percorso contenuto
Percorso di eventuale contenuto riprodotto nel modulo. Inserite un percorso che termina con una barra /
. La barra indica che per ciascuna porta modulo viene creato un nuovo nodo nel percorso indicato, ad esempio:
/forms/feedback/
Visualizza dati…
Fate clic su questo pulsante per accedere a informazioni sui risultati del modulo in Bulk Editor. Da qui è possibile esportare le informazioni in un file .tsv (separato da tab) da utilizzare, ad esempio, in un foglio di calcolo Excel).
Contenuto store con caricamenti
Ha le stesse opzioni di Archivia contenuto.
Annulla sottoscrizione utente
Il lead verrà eliminato da questo elenco
Specifica l’elenco di lead richiesto.
Questo indica la fine del modulo. È possibile configurare quanto segue:
Fine modulo
Mostra pulsante Invia
Indica se mostrare o meno un pulsante Invia.
Nome invio
Identificatore, qualora il modulo contenga più pulsanti Invia.
Titolo invio
Nome visualizzato sul pulsante, ad esempio Invia.
Mostra pulsante Ripristina
Selezionate la casella per rendere visibile il pulsante Ripristina.
Ripristina titolo
Nome visualizzato sul pulsante Ripristina.
Descrizione
Informazioni riportate sotto il pulsante.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Testo modulo.
Consente di inserire un nome account:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Testo modulo.
Consente di inserire un campo di indirizzo internazionale nel seguente formato:
Il componente è configurato per l’utilizzo immediato, ma puoi modificare la configurazione se necessario. Ad esempio, possono essere aggiunti vincoli per i singoli elementi dell’indirizzo. Lasciando i campi vuoti saranno utilizzate le impostazioni predefinite.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Non è più previsto che questo componente funzioni come standard senza un’ampia personalizzazione a livello di progetto.
Il componente Captcha richiede all’utente di inserire la stringa alfanumerica visualizzata sullo schermo. Con ogni aggiornamento della schermata viene visualizzata una stringa diversa.
Puoi configurare vari parametri per questo componente, incluso un messaggio da visualizzare se la stringa Captcha non è valida.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Opzioni modulo.
Una casella di selezione consente di generare un elenco composto di una o più caselle. L’utente potrà selezionare più caselle.
Puoi specificare vari parametri, inclusi un titolo, una descrizione e il nome dell’elemento. Utilizza i pulsanti + e - per aggiungere o rimuovere elementi, quindi riposizionali mediante le frecce verso l’alto o il basso.
Utilizzando Percorso di caricamento elementi puoi precaricare l’elenco del gruppo di caselle di selezione con i relativi valori.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Questo consente di includere i campi necessari per inserire i dati della carta di credito. Puoi configurarlo per specificare i tipi di carte accettate e le informazioni richieste (ad esempio, il codice protezione).
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Opzioni modulo.
Un elenco a discesa può essere configurato per fornire all’utente una serie di valori da selezionare:
Puoi specificare un titolo e le voci incluse nell’elenco. Utilizza i pulsanti + e - per aggiungere o rimuovere le voci, quindi riposizionale mediante le frecce verso l’alto o il basso. Puoi specificare se gli utenti sono autorizzati a selezionare più voci dall’elenco e tutte le voci che dovrebbero essere selezionate automaticamente al primo accesso all’elenco (valori iniziali).
Utilizzando Percorso di caricamento elementi puoi precaricare nell’elenco a discesa i relativi valori.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Il componente Caricamento file offre all’utente la possibilità di selezionare e caricare un file.
Puoi creare un componente di caricamento personalizzato per caricare i file su un Servlet Sling. Per ulteriori informazioni, consulta Caricamento dei file in Adobe Experience Manager.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Nascosto per modulo.
Questo componente consente di creare un campo nascosto. Questi possono essere utilizzati per vari scopi; ad esempio, quando è necessario eseguire un’azione dopo l’invio del modulo, o quando dati nascosti sono necessari in fase di post-elaborazione.
Puoi inoltre personalizzare il modulo in modo da mostrare o nascondere specifici componenti a seconda dei valori di altri campi nel modulo. La modifica della visibilità di un campo modulo è utile se il campo è richiesto solo in presenza di particolari condizioni.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Pulsante modulo.
Un pulsante immagine consente di creare un pulsante con testo e immagine personalizzati:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Il componente Caricamento immagine offre all’utente la possibilità di selezionare e caricare un file immagine.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Il componente Campo collegamento permette di specificare un URL:
Viene utilizzato frequentemente per il modulo Evento calendario, in cui fornisce un campo URL/collegamento per un evento.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Viene utilizzato per consentire all’utente di inserire la propria password:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Questo componente fornisce all’utente due campi:
Con le impostazioni predefinite, il componente si presenta come segue:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Opzioni modulo.
Un gruppo pulsanti di scelta offre un elenco composto di uno o più caselle di selezione. L’utente potrà selezionarne solo uno.
Puoi specificare il nome dell’elemento insieme a un titolo e descrizione. Utilizza i pulsanti + e - per aggiungere o rimuovere elementi, quindi riposizionali mediante le frecce verso l’alto o il basso e se necessario specifica un valore predefinito:
Utilizzando Percorso di caricamento elementi puoi precaricare il gruppo pulsanti di scelta con i relativi valori.
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Pulsante modulo.
Questo componente permette di creare un pulsante Invia, con testo predefinito:
oppure con testo personalizzato:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto i nuovi componenti di base (“core”).
Questo campo consente di selezionare i tag:
Puoi specificare vari parametri, compresi i namespace utilizzabili mediante la scheda apposita:
Campo tag
Namespace consentiti
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Testo modulo.
Il campo di testo standard può essere configurato con la dimensione richiesta e con un messaggio introduttivo personalizzato:
Questo componente di base è stato dichiarato obsoleto. Adobe consiglia di utilizzare al suo posto il nuovo componente di base Pulsante modulo.
Questo consente di creare un pulsante Invia da utilizzare in un flusso di lavoro.