Skapa en formulärportalsida creating-a-forms-portal-page
Forms portalkomponenter förser webbutvecklare med komponenter för att skapa och anpassa en formulärportal på webbplatser som skapats med Adobe Experience Manager (AEM). En snabb översikt av formulärportalen finns på Introduktion till att publicera formulär på en portal.
Förutsättningar prerequisites
Forms portalkomponenter är inte tillgängliga som standard. Kontrollera att följande komponentkategorier för formulärportalen är aktiverade enligt beskrivningen i Aktivera komponenterna i formulärportalen.
Dokumenttjänster Innehåller komponenterna Sök och Lister, Länk samt Utkast och överföringar.
Document Services Predicates Innefattar komponenterna Date Predicate, Full Text Predicate, Properties Predicate och Tags Predicate. De här komponenterna används för att konfigurera sökningar i komponenten Sök efter och visa.
När de har aktiverats på en AEM webbplatssida är de här komponentkategorierna tillgängliga för användning i komponentwebbläsaren.
Bild: Komponentkategorier för Forms Portal
Komponenten Search & Lister search-amp-lister-component
Komponenten Search & Lister, som finns under komponentkategorin Document Services, används för att lista formulär på en sida och för att implementera sökning i de listade formulären. Komponenten innehåller två rutor:
- Listruta där formulären listas.
- Sökruta där du lägger till sökfunktionen.
Du kan dra och släppa komponenten Sök och Lister från komponentkategorin Document Services i komponentwebbläsaren till sidan. När komponenten läggs till ser den ut ungefär så här.
Bild: Sök efter och visa komponent på en sida med stödrasterlayout
Listruta list-pane
Listrutan är ett område där formulären listas. Komponenten Sök och lista innehåller olika konfigurationsalternativ som du kan använda för att styra visningen av formulär i rutan Lista.
Konfigurera listfönstret genom att trycka på komponenten Sök och Lister och sedan trycka på
Bild: Listruta i redigeringsläge
The Edit innehåller flera flikar med konfigurationsalternativ som beskrivs i tabellen nedan. Tryck OK för att spara konfigurationen när du är klar.
Konfigurerar resultattexten (till exempel 1-12 av 601) Resultat). Standardvärdet är Resultat.
Om du till exempel anger Forms i det här fältet, och det finns totalt 601 formulär, ändras texten till 1-12 av 601 Forms.
Konfigurerar sidtexten (till exempel Sida 1 av 51). Standardvärdet är Sida.
Om du till exempel anger Ansökningsblankett i det här fältet och det finns 51 sidor ändras sidtexten till Ansökningsblankett 1 av 51.
Ersätter ordet av med den angivna texten (sidan 1 av 51). Standardvärdet är av.
Om du till exempel anger av i det här fältet ändras texten till Sida 1 av 51.
Konfigurerar en servett där formulärdata skickas.
Obs! Skicka-URL för ett formulär kan anges på flera ställen och prioritetsordningen är följande:
- Skicka-URL som är inbäddad i formuläret (med knappen Skicka) har högsta prioritet.
- Överförings-URL:en i AEM Forms-gränssnittet har den högsta prioriteten.
- Överförings-URL som anges i formulärportalen har lägst prioritet.
Sökruta search-pane
I sökrutan kan du lägga till komponenterna Date Predicate (Datumpredikat), Full Text Predicate (Fullständig textpredikat), Properties Predicate (Förutdikat för egenskaper) och Tags Predicate (Förutsägning för taggar) i kategorin Document Services Predicates AEM Sidekick. Dessa komponenter implementerar sökfunktionen så att användarna kan söka i de listade formulären.
Tips: Du kan styra listan med formulär som visas på formulärportalen baserat på ett förinställt villkor och dölja sökfunktionen för slutanvändare. Om du vill styra listan med formulär använder du komponenterna Predicate för att använda sökfilter. Du kan också ange standardfiltervärden och inaktivera sökningen på fliken Visning i dialogrutan Redigera komponent.
Bild: Sökpanel med predikat för datum, fullständig text, egenskaper och taggar
Datumpredikat date-predicate
När du lägger till komponenten Date Predicate kan du söka i de listade formulär som har ändrats under en viss tid.
Så här konfigurerar du komponenten Date Predicate:
-
Tryck på komponenten och tryck sedan på
-
Ange följande:
- Type: Det enda tillgängliga alternativet är Last Modified Date.
- Text: Etikett eller bildtext för komponenten Date Predicate. Standardvärdet är Last Modified Date.
- Start Date Label: Etikett eller bildtext för startdatumfält.
- End Date Label: Etikett eller bildtext för slutdatumfält.
- Hide: Använda standarddatumfilter för att lista formulär.
-
Tryck på OK.
Fullständig textpredikat full-text-predicate
Komponenten Full Text Predicate implementerar fullständig textsökning i formulärdata, till exempel namn och beskrivning. Användarna kan söka i valfri textsträng för att returnera formulär som innehåller texten i sitt namn eller sin beskrivning.
Så här konfigurerar du komponenten Full Text Predicate:
- Tryck på komponenten och tryck sedan på
- Ange rubriken i Main Title fält.
- Tryck på Ok.
Egenskapspredikat properties-predicate
Komponenten Predicate för egenskaper implementerar sökning i formulär baserat på formuläregenskaper som titel, författare och beskrivning.
Så här konfigurerar du komponenten Predicate för egenskaper:
-
Tryck på komponenten och tryck sedan på
-
I General anger du söketiketten. Standardvärdet är Properties.
-
I Options flik, tryck Add Item.
-
Välj en egenskap i listrutan och ange en söketikett för den i fältet nedanför listrutan.
-
Upprepa steg 4 om du vill lägga till fler egenskaper. Du kan också ange ett standardfiltervärde för att lista formulär baserat på de angivna villkoren och dölja egenskapen för sökning av slutanvändare. Markera kryssrutan Dölj för en egenskap och ange standardfiltervärdet.
Om du till exempel vill visa formulär som innehåller"Resa" i sina titlar väljer du Dölj bredvid egenskapen Titel. Ange dessutom Travel i standardtextrutan för filtervärde.
-
Tryck på OK.
Taggar - predikat tags-predicate
Komponenten för taggprediktion implementerar sökning i formulär baserat på taggar som definieras i Forms Manager.
Så här konfigurerar du komponenten Tagg Predicate:
- Tryck på komponenten och tryck sedan på
- Tryck på nedpilsknappen bredvid fältet Taggar.
- Välj lämpliga taggar.
- Tryck på OK.
De markerade taggarna visas i sökrutan tillsammans med kryssrutorna för markering. Användarna kan nu begränsa sökningen baserat på taggarna.
Visa formulär på en sida list-forms-on-a-page-br
Om du vill visa formulär på en sida lägger du till Search & Lister Komponent till sidan och konfigurera List Pane. Om du vill att användarna ska kunna söka efter formulär med datum, text och taggar lägger du till en Search Pane -komponenten.
Om du vill länka ett formulär var som helst på sidan använder du länkkomponenten. Mer information om länkkomponenten finns i Bädda in länkkomponent på en sida.
Använd Drafts and Submissions -komponenten. Mer information finns i Anpassa komponenten Utkast och överföringar.
Mobil enhetsvänlighet mobile-device-friendliness
Komponenten Forms Portal Search & Lister är anpassad för mobila enheter och anpassas därefter. Alla tre standardvyerna: Rutnät, kort och panel återlayoutas beroende på vilken enhet som webbplatsen är öppen på, vilket innebär att webbsidan också anpassas. Det enkla är att Sök och lista bara är en komponent och inte styr formateringen på sidnivå.
I följande bild visas komponenten Sök och Lister när den öppnas på en mobil enhet:
Bild: Komponenten Search & Lister
Anpassa en formulärportalsida customizing-a-forms-portal-page-br
Du kan anpassa en formulärportalsida för att ge sidan ett distinkt utseende. Du kan också lägga till metadata för att förbättra sökupplevelsen, ändra sidans layout och lägga till anpassade CSS-format. Mer information finns i Anpassa mallar för Forms Portal-komponenter.
Med AEM Forms UI kan du lägga till anpassade metadata i formulär. Anpassade metadata är användbara när du vill visa en lista och söka efter formulär för slutanvändarna. Mer information om anpassade metadata finns i Anpassa mallar för Forms Portal-komponenter.
I själva verket innehåller formulärportalen återgivningsåtgärder. Du kan anpassa formulärportalen för att lägga till fler åtgärder. Mer information finns i Lägga till anpassad åtgärd för formulärlisteobjekt.
Relaterade artiklar
- Aktivera komponenter i formulärportalen
- Skapa portalsida för formulär
- Visa formulär på en webbsida med API:er
- Använda komponenten Utkast och inskickat material
- Anpassa lagring av utkast och inskickade formulär
- Exempel för att integrera komponent för utkast och inlämning med databas
- Anpassa mallar för komponenter i formulärportalen
- Introduktion till att publicera formulär på en portal