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.

Componenti del portale AEM Forms nel browser dei componenti

Categorie di 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.

Componente Ricerca e filtro in una pagina

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 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, 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:

  1. L’URL di invio incorporato nel modulo (nel pulsante Invia) ha la priorità più alta.
  2. L’URL di invio menzionato nell’interfaccia utente di AEM Forms ha la seconda priorità più alta.
  3. 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.

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

Pannello di ricerca con predicato data, testo completo, proprietà e 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 settings_icon. 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 inizio: Etichetta o didascalia del campo data iniziale

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

    • Nascondi: per applicare il filtro data predefinito all’elenco dei moduli

  3. Tocca 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 settings_icon. 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 settings_icon. 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. Tocca 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 settings_icon. Viene visualizzata la finestra di dialogo Modifica.
  2. Tocca il pulsante freccia giù accanto al campo Tag .
  3. Selezionare i tag appropriati
  4. Tocca 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:

Schermata del componente Ricerca e filtro

Componente Ricerca e filtro

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.

Articoli correlati

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now