Lägg till Forms Portal på en AEM Sites-sida publish-forms-on-portal

Adobe rekommenderar att du använder den moderna och utbyggbara datainhämtningen Core Componentsför att skapa nya adaptiva Formseller att lägga till adaptiva Forms på AEM Sites-sidor. De här komponenterna utgör ett betydande framsteg när det gäller att skapa adaptiva Forms-filer, vilket ger imponerande användarupplevelser. I den här artikeln beskrivs det äldre sättet att skapa Adaptiv Forms med baskomponenter.

Version
Artikellänk
AEM 6.5
Klicka här
AEM as a Cloud Service
Den här artikeln

I ett typiskt formulärcentrerat portalscenario är formulärutveckling och portalutveckling två osammanhängande aktiviteter. När formulärdesigners designar och lagrar formulär i en databas skapar webbutvecklare ett webbprogram som listar formulär och hanterar inskickandet av formulär. Forms kopieras till webbnivån eftersom det inte finns någon kommunikation mellan formulärdatabasen och webbprogrammet.

Sådana scenarier leder ofta till hanteringsproblem och produktionsförseningar. Om det till exempel finns en nyare version av ett formulär i databasen måste du ersätta formuläret på webbnivån, ändra webbprogrammet och distribuera om formuläret på den offentliga webbplatsen. Om du omdistribuerar webbprogrammet kan det orsaka serverdriftavbrott. Vanligtvis är serverns driftstopp en planerad aktivitet och därför kan ändringarna inte skickas direkt till den offentliga platsen.

AEM Forms tillhandahåller portalkomponenter som minskar administrationskostnaderna och förseningarna i produktionen. Komponenterna gör det möjligt för webbutvecklare att skapa och anpassa en Forms Portal på webbplatser som skapats med Adobe Experience Manager (AEM).

Med Form Portal-komponenterna kan du lägga till följande funktioner:

  • Visa formulär i anpassade layouter. Layouter för listvyn och kortvyn medföljer. Du kan skapa egna layouter.
  • Gör att du kan visa anpassade metadata och anpassade åtgärder när du listar dem.
  • Visa en lista över formulär som publicerats av AEM Forms-gränssnittet på den publiceringsinstans där Forms Portal-komponenter används.
  • Tillåt slutanvändare att återge formulär i HTML och PDF.
  • Möjliggör sökning av formulär baserat på titel och beskrivning.
  • Använd anpassad CSS för att anpassa utseendet på portalen.
  • Skapa länkar till formulär.
  • Visar utkast och inskickat material som rör Adaptiv Forms som har skapats av användaren.

Komponenter på en Forms Portal-sida forms-portal-components

AEM Forms tillhandahåller följande portalkomponenter direkt:

  • Sök och lista: Med den här komponenten kan du lista formulär från formulärdatabasen på din portalsida och du kan ange konfigurationsalternativ för att lista formulär baserat på angivna villkor.

  • Utkast och inskickningar: Medan komponenten Sök och lista visar formulär som har publicerats av Forms-författare, visar komponenten Utkast och inskickningar formulär som har sparats som utkast för att fylla i senare och skickade formulär. Den här komponenten ger en personaliserad upplevelse till alla inloggade användare.

  • Länk: Med den här komponenten kan du skapa en länk till ett formulär var som helst på sidan.

Du kan importera färdiga Forms Portal-komponenter från AEM Project Archetype. Utför följande konfigurationer efter importen:

Importera Forms Portal-komponenter import-forms-portal-components-aem-archetype

Så här importerar du färdiga Forms Portal-komponenter på AEM Forms as a Cloud Service:

  1. Klona Cloud Manager Git-databasen på din lokala utvecklingsinstans: Din Cloud Manager Git-databas innehåller ett AEM. Den baseras på AEM-arkitekturen. Klona din Cloud Manager Git-databas med Git-kontohantering för självbetjäning från Cloud Manager användargränssnitt och lägg projektet i din lokala utvecklingsmiljö. Mer information om åtkomst till databasen finns i Åtkomst till databaser.

  2. Skapa Experience Manager Forms som ett [Cloud Service]-projekt: Skapa Experience Manager Forms som ett [Cloud Service]-projekt baserat på AEM Archetype 27 eller senare. Med hjälp av arkitypen kan utvecklare enkelt börja utveckla för AEM Forms as a Cloud Service. Den innehåller även några exempelteman och mallar som hjälper dig att snabbt komma igång.

    Om du vill skapa ett as a Cloud Service Experience Manager Forms-projekt öppnar du kommandotolken och kör kommandot nedan. Om du vill inkludera Forms specifika konfigurationer, teman och mallar anger du includeForms=y.

    code language-shell
    mvn -B archetype:generate -DarchetypeGroupId=com.adobe.aem -DarchetypeArtifactId=aem-project-archetype -DarchetypeVersion=30 -DaemVersion="cloud" -DappTitle="My Site" -DappId="mysite" -DgroupId="com.mysite" -DincludeForms="y"
    

    Ändra även appTitle, appId och groupId i ovanstående kommando så att den återspeglar din miljö.

    När projektet är klart uppdaterar du egenskapen <core.forms.components.version>x.y.z</core.forms.components.version> på den översta nivån pom.xml i Archetype-projektet så att den återspeglar den senaste versionen av core-forms-components i ditt AEM Archetype-projekt.

  3. Distribuera projektet till din lokala utvecklingsmiljö: Du kan använda följande kommando för att distribuera det till din lokala utvecklingsmiljö

    mvn -PautoInstallPackage clean install

    En fullständig lista med kommandon finns i Bygga och installera

  4. Distribuera koden till din AEM Forms as a Cloud Service miljö.

Konfigurera Azure Storage för adaptiv Forms configure-azure-storage-adaptive-forms

Experience Manager Forms Dataintegrering tillhandahåller Azure lagringskonfiguration för att integrera formulär med Azure lagringstjänster. Formulärdatamodellen (FDM) kan användas för att skapa adaptiv Forms som interagerar med Azure-servern för att aktivera affärsarbetsflöden.

Skapa Azure Storage-konfiguration create-azure-storage-configuration

Innan du utför de här stegen måste du se till att du har ett Azure-lagringskonto och en åtkomstnyckel för att auktorisera åtkomst till lagringskontot Azure.

  1. Navigera till Tools > Cloud Services > Azure Storage.
  2. Välj en mapp för att skapa konfigurationen och välj Create.
  3. Ange en rubrik för konfigurationen i fältet Title.
  4. Ange namnet på lagringskontot Azure i fältet Azure Storage Account.

Konfigurera Unified Storage Connector för Forms Portal configure-usc-forms-portal

Så här konfigurerar du Unified Storage Connector för AEM arbetsflöden:

  1. Navigera till Tools > Forms > Unified Storage Connector.
  2. I avsnittet Forms Portal väljer du Azure i listrutan Storage.
  3. Ange konfigurationssökvägen för Azure-lagringskonfigurationen i fältet Storage Configuration Path.
  4. Välj Publish och välj sedan Save för att spara konfigurationen.

Aktivera Forms Portal-komponenter enable-forms-portal-components

Om du vill använda en huvudkomponent (inklusive färdiga portalkomponenter) på en Adobe Experience Manager-webbplats (AEM) måste du skapa en proxykomponent och aktivera den för din webbplats. Information om hur du skapar en proxykomponent och aktiverar portalkomponenter finns i Använda kärnkomponenter.

När en portalkomponent är aktiverad kan du använda den i författarinstansen av din webbplatssida.

Lägga till och konfigurera Forms Portal-komponenter configure-forms-portal-components

Du kan skapa och anpassa Forms Portal på webbplatser som skapats med AEM genom att lägga till och konfigurera portalkomponenterna. Kontrollera att komponenterna är aktiverade innan du använder dem i Forms Portal.

Om du vill lägga till en komponent drar och släpper du komponenten från rutan Komponenter till layoutbehållaren på sidan eller väljer ikonen Lägg till i layoutbehållaren och lägger till komponenten från dialogrutan Insert New Component.

Konfigurera komponenten Utkast och överföringar configure-drafts-submissions-component

Komponenten Utkast och inskickningar visar formulär som har sparats som utkast för att fylla i senare och skickade formulär. Konfigurera genom att markera komponenten och sedan välja ikonen Konfigurera . I dialogrutan Drafts and Submissions anger du titeln för att ange formulärlistan som utkast eller skickade formulär. Ange också om komponenten ska lista formulärutkast eller inskickade formulär i kort- eller listformat.

Ikonen Utkast

Ikonen Skicka

Konfigurera Search & Lister Component configure-search-lister-component

Komponenten Sök och lista används för att lista anpassningsbara formulär på en sida och för att implementera sökning i de listade formulären.

Ikonen Sök och visa

Konfigurera genom att markera komponenten och sedan välja ikonen Konfigurera . Dialogrutan Search and Lister öppnas.

  1. Konfigurera följande på fliken Display:

    • I Title anger du namnet på komponenten Sök efter och visa. Med en titel kan användarna göra snabba sökningar i hela formulärlistan.
    • I listan Layout väljer du den layout som ska representera formulären i kort- eller listformat.
    • Välj Hide Search och Hide Sorting om du vill dölja sök- och sorteringsfunktionerna.
    • I Tooltip anger du det verktygstips som visas när du hovrar över komponenten.
  2. På fliken Asset Folder anger du den plats från vilken formulären hämtas och visas på sidan. Du kan konfigurera flera mapplatser.

  3. Konfigurera det maximala antalet formulär som ska visas per sida på fliken Results. Standardvärdet är åtta formulär per sida.

Med länkkomponenten kan du skapa länkar till ett anpassat formulär på sidan. Konfigurera genom att markera komponenten och sedan välja ikonen Konfigurera . Dialogrutan Edit Link Component öppnas.

  1. På fliken Display anger du länkbeskrivningen och verktygstipset för att underlätta identifiering av de formulär som länken representerar.
  2. Ange databassökvägen där resursen lagras på fliken Asset Info.
  3. På fliken Query Params anger du ytterligare parametrar i nyckelvärdepar-formatet. När användaren klickar på länken skickas dessa ytterligare parametrar tillsammans med formuläret.

Konfigurera asynkron formuläröverföring med Adobe Sign configure-asynchronous-form-submission-using-adobe-sign

Du kan konfigurera så att ett anpassat formulär skickas endast när alla mottagare har slutfört signeringsceremonin. Följ stegen nedan för att konfigurera inställningen med Adobe Sign.

  1. Öppna ett adaptivt formulär i redigeringsläget i författarinstansen.
  2. I den vänstra rutan väljer du egenskapsikonen och expanderar alternativet ELECTRONIC SIGNTATURE.
  3. Välj Enable Adobe Sign. Olika konfigurationsalternativ visas.
  4. I avsnittet Submit the form väljer du alternativet after every recipient completes signing ceremony för att konfigurera åtgärden Skicka formulär, där formuläret först skickas till alla mottagare för signering. När alla mottagare har signerat formuläret skickas bara formuläret.

Spara adaptiva Forms som utkast save-adaptive-forms-as-drafts

Du kan spara formulär som utkast och fylla i dem senare. Det finns två sätt att spara ett formulär som ett utkast:

  • Skapa en regel av typen "Spara formulär" för en formulärkomponent, till exempel en knapp. När du klickar på knappen utlöses regeln och formuläret sparas som ett utkast.
  • Aktivera funktionen Spara automatiskt, som sparar formuläret enligt den angivna händelsen eller efter ett konfigurerat tidsintervall.

Skapa regler för att spara ett anpassat formulär som utkast rule-to-save-adaptive-form-as-draft

Om du vill skapa en regel för"Spara formulär" för en formulärkomponent, till exempel en knapp, följer du stegen nedan:

  1. Öppna ett adaptivt formulär i redigeringsläge i författarinstansen.
  2. I den vänstra rutan väljer du ikonen Komponenter och drar komponenten Button till formuläret.
  3. Markera komponenten Button och välj sedan ikonen Konfigurera .
  4. Välj ikonen Edit Rules för att öppna regelredigeraren.
  5. Välj Create om du vill konfigurera och skapa regeln.
  6. I avsnittet When väljer du"klickas" och i avsnittet Then väljer du"Spara formulär".
  7. Välj Done om du vill spara regeln.

Aktivera Spara automatiskt enable-auto-save

Du kan konfigurera funktionen för att spara automatiskt för ett anpassat formulär enligt följande:

  1. Öppna ett adaptivt formulär i redigeringsläge i författarinstansen.
  2. Välj ikonen Egenskaper i den vänstra rutan och utöka alternativet AUTO-SAVE.
  3. Markera kryssrutan Enable om du vill att formuläret ska sparas automatiskt. Du kan konfigurera följande:
  • Som standard är Adaptive Form Event inställd på "true", vilket innebär att formuläret sparas automatiskt efter varje händelse.
  • I Trigger konfigurerar du att utlösa autosparande baserat på förekomsten av en händelse eller efter ett visst tidsintervall.

Se även see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab