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 i 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 komponenter för formulärportalen.
Dokumenttjänster innehåller komponenterna Sök efter, Lister, Länk samt Utkast och Skicka.
Document Services Predicates innehåller 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.
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.
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.
Om du vill konfigurera listrutan väljer du komponenten Sök och Lister och sedan
Listruta i redigeringsläge
Dialogrutan Redigera innehåller flera flikar med konfigurationsalternativ som beskrivs i tabellen nedan. Välj OK om du vill spara konfigurationen när du är klar.
Konfigurerar resultattexten (till exempel 1-12 av 601 Results). Standardvärdet är Results.
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 av 51). Standardvärdet är Sida.
Om du till exempel anger Ansökningsformulär i det här fältet och det finns 51 sidor, ändras sidtexten till Ansökningsformulär 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 sidan 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 dess prioritetsordning ä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örutdikat för dokumenttjänster) i 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 från fliken Visning i dialogrutan Redigera komponent.
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:
-
Markera komponenten och välj sedan
-
Ange följande:
-
Typ: Det enda tillgängliga alternativet är Senast ändrat den
-
Text: Etikett eller bildtext för Date Predicate-komponenten. Standardvärdet är Senast ändrad.
-
Startdatumetikett: Etikett eller beskrivning av startdatumfält
-
Slutdatumetikett: Etikett eller beskrivning för slutdatumfält
-
Dölj: Använda standarddatumfilter för att lista formulär
-
-
Välj 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:
- Markera komponenten och välj sedan
- Ange rubriken i fältet Huvudtitel.
- Välj 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:
-
Markera komponenten och välj sedan
-
På fliken Allmänt anger du söketiketten. Standardvärdet är Egenskaper
-
Välj Lägg till objekt. på fliken Alternativ.
-
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. -
Välj 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:
- Markera komponenten och välj sedan
- Välj nedpilsknappen bredvid fältet Taggar.
- Välj lämpliga taggar
- Välj 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 komponenten Search & Lister på sidan och konfigurerar List Pane. Om du vill att slutanvändarna ska kunna söka efter formulär med datum, text och taggar lägger du till en Search Pane-komponent.
Om du vill länka ett formulär var som helst på sidan använder du länkkomponenten. Mer information om länkkomponent finns i Bädda in länkkomponent på en sida.
Använd komponenten Drafts and Submissions om du vill lista de formulär som är i ett utkastläge och de formulär som redan har skickats. 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: stödraster, kort och panel återlayoutas beroende på vilken enhet som webbplatsen öppnas i, 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:
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 tydligt 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-gränssnittet 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 i 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