Creazione di una pagina del portale 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 rapida panoramica del portale dei moduli, consulta Introduzione alla pubblicazione di 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 dei moduli siano abilitate come descritto in Abilitazione dei componenti del portale moduli.

Servizi basati su documenti Include i componenti Ricerca e filtro, Collegamento, Bozze e Invii.

Predicati di Document Services Include 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
Figura: 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
Figura: 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. La Modifica componente viene visualizzata la finestra di dialogo .

Riquadro elenco in modalità di modifica
Figura: Riquadro elenco in modalità di modifica

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

Tabulazione 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, vedi Introduzione alla gestione dei moduli.

Visualizzazione

 Testo titolo Titolo del componente Ricerca e filtro . Il titolo predefinito è Portale Forms.
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 specifichi Forms in questo campo e sono presenti in totale 601 moduli, il testo del risultato cambia a 1-12 di 601 Forms.
Testo pagina

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

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

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

Ad esempio, se specifichi di in questo campo il testo diventa 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 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: L’URL di invio di un modulo può essere specificato 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.
Descrizione comandi di HTML Render Action Configura il testo per la descrizione comandi, visualizzata quando si passa il puntatore del mouse sopra (icona di HTML5).
Descrizione comandi di PDF Render Action Configura il testo per la descrizione comandi, visualizzata quando si passa il puntatore del mouse sopra (icona PDF).
Stile Tipo di stile Consente di specificare Nessuno stile, Stile predefinitooppure 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: È possibile controllare l’elenco dei moduli visualizzati sul portale dei moduli in base a criteri predefiniti 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
Figura: 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 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 della data di fine.
    • Nascondi: Per applicare un 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 Titolo principale campo .
  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. La Finestra di dialogo Modifica si apre.

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

  3. In 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. La Finestra di dialogo Modifica si apre.
  2. Tocca il pulsante freccia giù accanto al campo Tag .
  3. Seleziona 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 Ricerca e filtro Componente nella pagina e configura il Riquadro elenco. Per consentire agli utenti finali di eseguire ricerche nei moduli con data, testo e tag, aggiungere una Riquadro di ricerca componente.

Per collegare un modulo da un punto qualsiasi della pagina, utilizza il componente Collegamento . Per ulteriori informazioni sul componente collegamento, consulta Incorporazione di un componente collegamento in una pagina.

Per elencare i moduli in stato bozza e quelli già inviati, utilizzare la Bozze e invii componente. 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
Figura: Componente Ricerca e filtro

Personalizzazione di una pagina del portale 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, consulta Aggiunta di un’azione personalizzata agli elementi dell’elenco moduli.

Articoli correlati

In questa pagina