Creazione di una pagina del portale dei moduli

I componenti del portale Forms forniscono agli sviluppatori web componenti che consentono di 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 dei moduli su un portale.

Prerequisiti

I componenti del portale Forms non sono disponibili per l'uso predefinito. Assicurati che le seguenti categorie di componenti del portale moduli siano abilitate come descritto in Abilitazione dei componenti del portale moduli.

Document ServicesInclude i componenti Search&Lister, Link, Bozze e Invii.

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

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

browser dei componentiFigura: Categorie dei componenti del portale Forms

Componente Search&Lister

Il componente Ricerca e filtro, disponibile nella categoria del componente Servizi documenti, viene utilizzato per elencare i moduli su una pagina e per implementare la ricerca sui moduli elencati. Il componente include due riquadri:

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

Puoi trascinare il componente Ricerca e filtro dalla categoria di componenti Servizi documenti nel browser Componenti sulla pagina. Il componente, una volta aggiunto, ha un aspetto simile al seguente.

pageFigura: componente Search & Lister 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, tocca il componente Ricerca e filtro , quindi tocca . Viene visualizzata la finestra di dialogo Modifica componente .

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

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

Scheda	Configurazione	Descrizione
Cartelle risorse	Aggiungi elemento	Configura le cartelle in cui le risorse vengono caricate tramite l’interfaccia utente di AEM Forms. Per impostazione predefinita, elenca tutte le risorse caricate. Per ulteriori informazioni sull’interfaccia utente di AEM Forms, consulta 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 questa opzione è attivata, 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 Risultati). Il valore predefinito è Risultati. Ad esempio, se in questo campo si specifica Forms e sono presenti in totale 601 moduli, il testo del risultato verrà modificato 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 viene modificato in 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 of in questo campo, il testo diventa Pagina 1 fuori da 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 selezioni solo HTML come tipo di rendering, i 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ù posizioni e il relativo ordine di precedenza è il seguente: L’URL di invio incorporato nel modulo (nel pulsante Invia) ha la priorità più alta. L’URL di invio menzionato nell’interfaccia utente di AEM Forms ha la seconda priorità più alta. L’URL di invio menzionato nel portale dei moduli ha la priorità più bassa.
	Suggerimento per l'azione di rendering HTML	Configura il testo per la descrizione comando, che viene visualizzata quando si passa il puntatore del mouse su (icona HTML5).
	Suggerimento per l’azione di rendering PDF	Configura il testo per la descrizione comandi, visualizzata quando si passa il puntatore del mouse su (icona PDF).
Stile	Tipo di stile	Consente di specificare Nessuno stile, Stile predefinito o Stile personalizzato per elencare i moduli.
	Percorso stile personalizzato	Se hai selezionato Personalizzato come Tipo di stile, cerca per specificare il percorso del CSS personalizzato, altrimenti seleziona 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: puoi controllare l’elenco dei moduli visualizzati sul portale dei moduli in base a criteri preimpostati e nascondere la 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 disattivare la ricerca nella scheda Visualizzazione della finestra di dialogo Modifica componente.

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

Predicato data

Il componente Date Predicate, quando viene aggiunto, consente di eseguire ricerche nei moduli elencati modificati durante un determinato periodo di tempo.

Per configurare il componente Predicato data :

1. Tocca il componente, quindi tocca . Viene visualizzata la finestra di dialogo Modifica.

2. Specifica quanto segue:

   • Tipo: l’unica opzione disponibile è Data ultima modifica.
   • Testo: etichetta o didascalia per il componente Date Predicate. Il valore predefinito è Data ultima modifica.
   • Etichetta data iniziale: etichetta o didascalia del campo data iniziale.
   • Etichetta data di fine: etichetta o didascalia per il campo data di fine.
   • Nascondi: per applicare il filtro data predefinito all’elenco dei moduli.

3. Toccare 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 i moduli contenenti il testo nel nome o nella descrizione.

Per configurare il componente Predicato a testo completo:

1. Tocca il componente, quindi tocca . Viene visualizzata la finestra di dialogo Modifica.
2. Specifica il titolo nel campo Titolo principale .
3. Tocca Ok.

Predicato proprietà

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

Per configurare il componente Predicato proprietà:

1. Tocca il componente, quindi tocca . Viene visualizzata la finestra di dialogo Modifica.

2. Nella scheda Generale , specifica l’etichetta di ricerca. Il valore predefinito è Proprietà.

3. Nella scheda Opzioni , tocca Aggiungi elemento.

4. Seleziona una proprietà dall’elenco a discesa e specifica 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 contenenti "Viaggio" nei relativi titoli, selezionare Nascondi accanto alla proprietà Titolo. Inoltre, specifica la casella di testo Viaggi nel valore di filtro predefinito.

6. Toccare OK.

Predicato tag

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

Per configurare il componente Predicato tag :

1. Tocca il componente, quindi tocca . Viene visualizzata la finestra di dialogo Modifica.
2. Tocca il pulsante freccia giù accanto al campo Tag .
3. Seleziona i tag appropriati.
4. Toccare OK.

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

Elencare moduli in una pagina

Per elencare i moduli su una pagina, aggiungi il componente Ricerca e filtro alla pagina e configura il Riquadro di elenco. 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, utilizza il componente Collegamento . Per ulteriori informazioni sul componente collegamento, consulta Incorporare un componente collegamento in una pagina.

Per elencare i moduli in stato di bozza e quelli già inviati, utilizza il componente Bozze e invii . Per ulteriori informazioni, consulta Personalizzazione del componente Bozze e invii.

Facilità di utilizzo dei dispositivi mobili

Il componente Ricerca e filtro di Forms Portal è compatibile con i dispositivi mobili e si adatta di conseguenza. Tutte e tre le viste predefinite: Griglia, scheda, Pannello relayout in base al dispositivo in cui il sito viene aperto, purché anche la pagina web si adatti. Il fatto semplice è che Search & Lister è solo un componente e non regola lo stile a livello di pagina.

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

componente Ricerca e ListerFigura: componente Ricerca e Lister

Personalizzazione di una pagina del portale dei moduli

È possibile personalizzare una pagina del portale dei moduli in modo da fornire un aspetto distinto alla pagina. Puoi anche aggiungere metadati per migliorare l’esperienza di ricerca, modificare il layout della pagina e aggiungere stili CSS personalizzati. Per ulteriori informazioni, consulta Personalizzazione dei modelli per i componenti del portale Forms.

L’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, consulta Personalizzazione dei modelli per i componenti del portale Forms.

Con il portale dei moduli sono disponibili azioni di rendering. È possibile personalizzare il portale dei moduli per aggiungere altre azioni. Per informazioni dettagliate, vedere Aggiunta di azioni personalizzate agli elementi dell'elenco dei moduli.