Creazione di una pagina del portale dei moduli

I componenti del portale Forms forniscono agli sviluppatori Web componenti per creare e personalizzare un portale moduli sui siti Web creati con Adobe Experience Manager (AEM). Per una panoramica rapida del portale dei moduli, vedere Introduzione alla pubblicazione di moduli su un portale.

Prerequisiti

Per impostazione predefinita, i componenti del portale Forms non sono disponibili per l'uso. Assicurarsi che le seguenti categorie di componenti del portale moduli siano abilitate come descritto in Abilitazione di componenti del portale moduli.

Document ServicesInclude componenti di ricerca e archiviazione, collegamenti e bozze e invii.

Predicati di Document ServicesInclude i componenti Predicato data, Predicato testo completo, Predicato proprietà e Predicato tag. Questi componenti sono utilizzati per configurare la ricerca nel componente Ricerca e filtro.

Una volta abilitati in una pagina AEM siti, queste categorie di componenti sono disponibili per l’uso nel browser Componenti.

componenti del portale AEM Forms nel
browser dei componentiFigura:categorie dei componenti del portale Forms

Componente Search & Lister

Il componente Cerca e elenca, disponibile nella categoria di componenti Document Services, consente di elencare i moduli su una pagina e di implementare la ricerca nei moduli elencati. Il componente include due riquadri:

  • Riquadro elenco in cui sono elencati i moduli.
  • Riquadro di ricerca in cui si aggiunge la funzionalità di ricerca.

È possibile trascinare il componente Ricerca e filtro dalla categoria di componenti Document Services nel browser Componenti sulla pagina. Il componente, se aggiunto, è simile al seguente.

Componente Ricerca e filtro in una
paginaFigura:Componente Ricerca e filtro in una pagina con layout Griglia

Riquadro elenco

Il riquadro Elenco è un'area in cui sono elencati i moduli. Il componente Ricerca e filtro offre diverse opzioni di configurazione che è possibile utilizzare per controllare la visualizzazione dei moduli nel riquadro Elenco.

Per configurare il riquadro Elenco, toccate il componente Cerca e Archivia, quindi toccate settings_icon. Viene visualizzata la finestra di dialogo Modifica componente.

Riquadro elenco in
modalità di modificaFigura:riquadro Elenco in modalità di modifica

La finestra di dialogo Edit include diverse schede che forniscono le opzioni di configurazione descritte nella tabella seguente. Al termine, toccare OK per salvare la configurazione.

Scheda Configurazione Descrizione
Cartelle risorse Aggiungi elemento Configura le cartelle in cui vengono caricate le risorse tramite ’interfaccia utente di AEM Forms. Per impostazione predefinita, elenca tutte le risorse caricate. Per ulteriori informazioni 'interfaccia utente di AEM Forms, vedere Introduzione alla gestione dei moduli.

Visualizzazione

 Testo titolo Titolo del componente Ricerca e filtro. Il titolo predefinito è Forms Portal.
Modello di layout Layout delle risorse.
Disattiva ricerca avanzata Quando abilitata, nasconde l'icona di ricerca avanzata.
Disattiva ricerca testo Quando questa opzione è attivata, nasconde la barra di ricerca full-text.
Risultato Numero Di Risultati Per Pagina Configura il numero massimo di moduli da visualizzare su una pagina.
Testo risultati

Configura il testo dei risultati (ad esempio, 1-12 di 601 Results). Il valore predefinito è Results.

Ad esempio, se si specifica Forms in questo campo e sono presenti in totale 601 moduli, il testo del risultato cambia in 1-12 di 601 Forms.
Testo pagina

Configura il testo della pagina (ad esempio, Pagina 1 di 51). Il valore predefinito è Page.

Ad esempio, se in questo campo si specifica Modulo applicazione e sono presenti 51 pagine, il testo della pagina diventa Modulo applicazione 1 di 51.
Di testo

Sostituisce la parola di con il testo specificato (Pagina 1 di 51). Il valore predefinito è di.

Ad esempio, se si specifica out di in questo campo, il testo cambia in Pagina 1 di 51.
Collegamento modulo Tipo di rendering Controlla l'elenco dei moduli in base al tipo di rendering specificato. Le opzioni disponibili sono PDF e HTML. Ad esempio, se selezionate solo HTML come tipo di rendering, gli PDF forms vengono filtrati.
Profilo HTML Configura il profilo HTML da utilizzare per il rendering. Tutti i profili disponibili sono elencati nell'elenco a discesa.
Invia URL

Configura un servlet in cui vengono inviati i dati del modulo.

Nota:è possibile specificare l'URL di invio di un modulo in più punti e il relativo ordine di precedenza è il seguente:

  1. L'URL di invio incorporato nel modulo (nel pulsante Invia) ha la priorità più alta.
  2. L’URL di invio menzionato ’interfaccia utente di AEM Forms ha la seconda priorità.
  3. L'URL di invio indicato nel portale dei moduli ha la priorità più bassa.
Descrizione comandi per le azioni di rendering HTML Configura il testo della descrizione comandi, che viene visualizzata quando si passa il puntatore su (l'icona HTML5).
Descrizione comandi per le azioni di rendering PDF Configura il testo della descrizione comandi, visualizzata quando si passa il puntatore su (l'icona PDF).
Stile Tipo di stile Consente di specificare Nessuno stile, Stile predefinito o Stile personalizzato per elencare i moduli.
Percorso stile personalizzato Se avete selezionato Personalizzato come Tipo di stile, individuate e specificate il percorso del CSS personalizzato, altrimenti selezionate Predefinito.

Riquadro di ricerca

Il riquadro Ricerca consente di aggiungere i componenti Predicato data, Predicato testo completo, Predicato proprietà e Predicato tag dalla categoria Predicati di Document Services nella barra laterale AEM. Questi componenti implementano la funzionalità di ricerca che consente agli utenti di eseguire ricerche nei moduli elencati.

Suggerimento: è possibile controllare l'elenco dei moduli visualizzato sul portale dei moduli in base a criteri predefiniti e nascondere le funzionalità di ricerca per gli utenti finali. Per controllare l'elenco dei moduli, utilizzare i componenti Predicate per applicare i filtri di ricerca. È inoltre possibile specificare i valori di filtro predefiniti e disabilitare la ricerca dalla scheda Visualizzazione della finestra di dialogo Modifica componente.

Pannello di ricerca con data, testo completo, proprietà e tag
PredicateFigura:pannello di ricerca con data, testo completo, proprietà e predicato tag

Predicato data

Il componente Predicato data, se aggiunto, consente la ricerca nei moduli elencati modificati durante una durata specificata.

Per configurare il componente Predicato data:

  1. Toccate il componente, quindi toccate settings_icon. Viene visualizzata la finestra di dialogo Modifica.

  2. Specificate quanto segue:

    • Tipo: L’unica opzione disponibile è Ultima data modifica.
    • Testo: Etichetta o didascalia per il componente Predicato data. Il valore predefinito è Data ultima modifica.
    • Etichetta data iniziale: Etichetta o didascalia del campo data iniziale.
    • Etichetta data finale: Etichetta o didascalia per il campo data di fine.
    • Nascondi: Per applicare il filtro data predefinito all'elenco dei moduli.

  3. Toccate OK.

Predicato full-text

Il componente Predicato full-text implementa la ricerca full-text sui dati del modulo, ad esempio nome e descrizione. Gli utenti possono cercare qualsiasi stringa di testo per restituire moduli che contengono il testo nel nome o nella descrizione.

Per configurare il componente Predicato full-text:

  1. Toccate il componente, quindi toccate settings_icon. Viene visualizzata la finestra di dialogo Modifica.
  2. Specificare il titolo nel campo Titolo principale.
  3. Toccate Ok.

Predicato proprietà

Il componente Predicato proprietà implementa la ricerca nei moduli in base alle proprietà del modulo, quali titolo, autore e descrizione.

Per configurare il componente Predicato proprietà:

  1. Toccate il componente, quindi toccate settings_icon. Viene visualizzata la finestra di dialogo Modifica.

  2. Nella scheda Generale, specificare l'etichetta di ricerca. Il valore predefinito è Properties.

  3. Nella scheda Opzioni, toccare Aggiungi elemento.

  4. Selezionare una proprietà dall'elenco a discesa e specificare un'etichetta di ricerca nel campo sotto l'elenco a discesa.

  5. Ripetere il passaggio 4 per aggiungere altre proprietà. È inoltre possibile specificare un valore di filtro predefinito per elencare i moduli in base ai criteri specificati e nascondere la proprietà di ricerca per gli utenti finali. Selezionare la casella di controllo Nascondi per una proprietà e specificare il valore del filtro predefinito.

    Ad esempio, se si desidera visualizzare i moduli che contengono "Viaggio" nei titoli, selezionare Nascondi accanto alla proprietà Titolo. Inoltre, specificate Viaggio nella casella di testo del valore del filtro predefinito.

  6. Toccate OK.

Predicato tag

Il componente Predicato tag implementa la ricerca nei moduli in base ai tag definiti in Forms Manager.

Per configurare il componente Predicato tag:

  1. Toccate il componente, quindi toccate settings_icon. Viene visualizzata la finestra di dialogo Modifica.
  2. Toccate il pulsante freccia giù accanto al campo Tag.
  3. Selezionate i tag appropriati.
  4. Toccate OK.

I tag selezionati vengono visualizzati nel riquadro Ricerca insieme alle caselle di controllo per la selezione. Gli utenti ora possono limitare la ricerca in base ai tag.

Elenca i moduli in una pagina

Per elencare i moduli in una pagina, aggiungere il componente Cerca e filtro alla pagina e configurare il Riquadro di riepilogo. Per consentire agli utenti finali di eseguire ricerche nei moduli con data, testo e tag, aggiungere un componente Riquadro di ricerca.

Per collegare un modulo da un punto qualsiasi della pagina, utilizzare il componente Collegamento. Per ulteriori informazioni sul componente collegamento, vedere Incorporazione del componente collegamento in una pagina.

Per elencare i moduli in stato bozza e quelli già inviati, utilizzare il componente Bozze e invii. Per ulteriori informazioni, vedere Personalizzazione di bozze e invii, componente.

Facilità di utilizzo dei dispositivi mobili

Il componente Forms Portal Search & Lister è compatibile con i dispositivi mobili e si adatta di conseguenza. Tutte e tre le viste predefinite: Griglia, Scheda, Pannello vengono presentati in base al dispositivo in cui viene aperto il sito, a condizione che anche la pagina Web si adatti. Il fatto è che Search & Lister è solo un componente e non regola lo stile a livello di pagina.

L’immagine seguente mostra il componente Ricerca e filtro quando viene aperto su un dispositivo mobile:

Screenshot del
componente Ricerca e ListerFigura: Ricerca e Lister

Personalizzazione di una pagina del portale dei moduli

È possibile personalizzare una pagina del portale dei moduli per fornire un aspetto distinto alla pagina. Potete inoltre aggiungere metadati per migliorare l'esperienza di ricerca, modificare il layout della pagina e aggiungere stili CSS personalizzati. Per ulteriori informazioni, vedere Personalizzazione dei modelli per i componenti di Forms Portal.

'interfaccia utente di AEM Forms consente di aggiungere metadati personalizzati ai moduli. I metadati personalizzati sono utili per fornire agli utenti finali un'esperienza di elenco e ricerca dei moduli. Per ulteriori informazioni sui metadati personalizzati, consultate Personalizzazione dei modelli per i componenti di Forms Portal.

Dal portale dei moduli sono incluse le azioni di rendering. È possibile personalizzare il portale dei moduli per aggiungere ulteriori azioni. Per informazioni dettagliate, vedere Aggiunta di azioni personalizzate agli elementi dell'elenco dei moduli.

In questa pagina