Creazione di una pagina del portale 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 dei componentidel portale moduli.

Document Services include i componenti Ricerca e archiviazione, Collegamento, Bozze e Invii.

Predicati di Document Services include 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 dei siti AEM, queste categorie di componenti sono disponibili per l’uso nel browser Componenti.

Componenti del portale AEM Forms nel browser Componenti

Categorie di componenti del portale moduli

Componente Ricerca e filtro

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 pagina

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 modifica

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, toccate OK per salvare la configurazione.

Scheda Configurazione Descrizione
Cartelle risorse Aggiungi elemento Configura le cartelle in cui vengono caricate le risorse tramite l’interfaccia utente di AEM Forms. Per impostazione predefinita, elenca tutte le risorse caricate. Per ulteriori informazioni sull'interfaccia utente di AEM Forms, consultate 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 è 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). The default value is Results.

Se, ad esempio, si specifica Forms in questo campo e si dispone di un totale di 601 moduli, il testo del risultato verrà modificato da 1 a 12 di 601 moduli.

Testo pagina

Configura il testo della pagina (ad esempio, Pagina 1 di 51). The default value is Page.

Ad esempio, se si specifica Modulo applicazione in questo campo 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). The default value is of.

Ad esempio, se specificate out in questo campo, il testo diventa Pagina 1 su 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 si seleziona solo HTML come tipo di rendering, i moduli PDF 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 indicato nell’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 di essa (icona HTML5).
Descrizione comandi per le azioni di rendering PDF Configura il testo della descrizione comandi, che viene visualizzata quando si passa il puntatore su di esso (icona PDF).
Stile Tipo di stile Consente di specificare Nessuno stile, Stilepredefinito 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 di 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 indicazione data, testo completo, proprietà e tag

Pannello di ricerca con indicazione data, testo completo, proprietà e 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 è Data ultima modifica

    • ​Testo: Etichetta o didascalia per il componente Predicato data. Il valore predefinito è Data ultima modifica.

    • ​Etichetta data inizio: Etichetta o didascalia del campo data di inizio

    • ​Etichetta data fine: Etichetta o didascalia per il campo data di fine

    • ​Nascondi: Applicazione del filtro data predefinito per elencare i 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. Specificate 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, specificate l'etichetta di ricerca. The default value is 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. Selezionare 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.

Elencare i moduli in una pagina

Per elencare i moduli in una pagina, aggiungere il componente Cerca e tieni traccia alla pagina e configurare il riquadro ​Elenco. Per consentire agli utenti finali di effettuare 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, consulta Incorporamento 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.

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 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 Lister

Ricerca e filtro, componente

Personalizzazione di una pagina del portale 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 componentidi Forms Portal.

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, vedere Personalizzazione dei modelli per i componentidi Forms Portal.

Il portale dei moduli fornisce azioni di rendering. È possibile personalizzare il portale dei moduli per aggiungere ulteriori azioni. Per informazioni dettagliate, vedere Aggiunta di un'azione personalizzata agli elementi dell'elenco dei moduli.

Articoli correlati

In questa pagina