Skapa grundkomponenter baserade på adaptiva Forms creating-an-adaptive-form-core-components

Adobe rekommenderar att du använder kärnkomponenter för att lägga till adaptiv Forms på en AEM Sites-sidaeller till skapa fristående Adaptive Forms.

Version
Artikellänk
AEM as a Cloud Service
Klicka här
AEM 6.5
Denna artikel

Med anpassningsbara Forms kan du skapa engagerande, responsiva, dynamiska och anpassningsbara formulär. AEM Forms har ett användarvänligt gränssnitt för att snabbt skapa adaptiva Forms. Användargränssnittet erbjuder snabb tabbnavigering så att du enkelt kan välja förkonfigurerade mallar, format, fält och alternativ för att skicka formulär för att skapa ett anpassat formulär.

Innan du börjar får du lära dig mer om vilken typ av Forms-komponenter du kan använda:

  • Adaptiva Forms Core-komponenter: Dessa är standardiserade komponenter för datainhämtning. Dessa komponenter har anpassningsmöjligheter, kortare utvecklingstid och lägre underhållskostnader för era digitala registreringsupplevelser. En utvecklare kan enkelt anpassa och utforma dessa komponenter. Adobe rekommenderar att du använder dessa moderna och utbyggbara komponenter för att utveckla Adaptiv Forms.

  • Adaptiva Forms Foundation-komponenter: Dessa är klassiska (gamla) komponenter för datainhämtning. Du kan fortsätta att använda dessa för att redigera dina befintliga grundläggande komponentbaserade adaptiva formulär. Om du skapar formulär rekommenderar Adobe att du använder Adaptiva Forms Core-komponenter för att skapa en adaptiv Forms.

Krav

Du behöver följande för att skapa ett adaptivt formulär:

  • Aktivera adaptiva Forms Core-komponenter för din miljö: AEM Archetype project version 41 or later is required to aktivera kärnkomponenter för din miljö. När du aktiverar kärnkomponenterna för din miljö, Adaptiv Forms (kärnkomponent) -mallar och Canvas-teman läggs till i din miljö.

  • En adaptiv formulärmall: En mall innehåller en grundläggande struktur och definierar utseendet (layouter och format) för ett adaptivt formulär. Den har förformaterade komponenter som innehåller vissa egenskaper och innehållsstruktur. Här finns också alternativ för att definiera ett tema och en skicka-åtgärd. Temat definierar utseendet, känslan och skickaåtgärden definierar vilken åtgärd som ska vidtas när ett adaptivt formulär skickas in. Du kan också distribuera exempelmallar i din miljö. Med dessa kan du snabbt börja skapa formulär.

    note note
    NOTE
    Om du inte har det, Adaptiv Forms (kärnkomponent) mallar i din miljö, Aktivera adaptiva Forms Core-komponenter för din miljö. När du aktiverar kärnkomponenterna för din miljö, Adaptiv Forms (kärnkomponent) -mallen läggs till i din miljö.
  • Ett adaptivt formulärtema: Ett tema innehåller formatinformation för komponenterna och panelerna. Format innehåller egenskaper som bakgrundsfärger, lägesfärger, genomskinlighet, justering och storlek. När du använder ett tema återspeglas det angivna formatet i motsvarande komponenter. The Canvas -temat läggs till som standard när du aktiverar kärnkomponenter för din miljö. Du kan ladda ned och anpassa standardteman. För ur lådan teman som du kan distribuera exempelteman i din miljö. Dessa hjälper dig att börja utforma formulären och skapa en grundstruktur för att skapa eller anpassa ett tema efter företagets behov.

  • Behörigheter: Lägg till dina användare i forms-users grupp. Medlemmarna i forms-users gruppen har behörighet att skapa ett adaptivt formulär. En detaljerad lista över formulärspecifika användargrupper finns i Grupper och behörigheter.

Skapa ett adaptivt formulär create-an-adaptive-form

  1. Logga in lokalt AEM författarinstans.

  2. Ange dina uppgifter på inloggningssidan för Experience Manager. När du är inloggad väljer du Adobe Experience Manager > Forms > Forms & Documents.

  3. Välj Create > Create Adaptive Forms.

  4. Välj en adaptiv Forms Core Components-mall och klicka på Next.

  5. The Add Properties visas. Ange värdena för följande egenskapsfält. Fälten Titel och Namn är obligatoriska:

    • Title: Anger formulärets visningsnamn. Titeln hjälper dig att identifiera formuläret i Experience Manager Forms användargränssnitt.
    • Name: Anger formulärets namn. En nod med det angivna namnet skapas i databasen. När du börjar skriva en titel genereras värdet för namnfältet automatiskt. Du kan ändra det föreslagna värdet. Namnfältet får endast innehålla alfanumeriska tecken, bindestreck och understreck.
    • Description: Anger detaljerad information om formuläret.
    • Theme Client Library: Anger temat för ett adaptivt formulär. Som standard är adaptiveform.theme.canvas3 -temat är valt. Du kan också välja ett annat tema från Theme Client Library listruta.
    • Configuration Container: Definierar en plats där konfigurationsfiler för Adaptive Forms lagras. Dessa konfigurationsfiler innehåller inställningar och egenskaper som är relaterade till beteendet och utseendet för Adaptive Forms.
    • Tags: Anger taggar som unikt identifierar den adaptiva formen. Taggar hjälper dig att söka i formuläret. Om du vill skapa taggar skriver du nya taggnamn i Tags box.
  6. Välj Create. Ett anpassat formulär skapas och en dialogruta öppnas där du kan öppna formuläret för redigering.

  7. Välj Edit om du vill öppna det nya formuläret på en ny flik. Formuläret öppnas för redigering och visar det innehåll som är tillgängligt i mallen. Här visas också sidofältet för att anpassa det nya formuläret.

Använd adaptiva Forms Core-komponenter för att skapa ditt formulär

När du har öppnat formuläret för redigering kan du använda tillgängliga adaptiva Forms Core-komponenter för att lägga till formulärfält i formuläret. Du kan dra och släppa eller använda + [infoga komponent] för att lägga till dessa komponenter i ett formulär. Läs AEM Core Components-dokumentationen om du vill veta mer om tillgängliga komponenter Adaptiva Forms Core-komponenter. Du kan också besöka https://aemcomponents.dev/ för att se hur de tillgängliga kärnkomponenterna fungerar i praktiken.

Konfigurera åtgärden Skicka för ett anpassat formulär configure-submit-action-for-form

Med en Skicka-åtgärd kan du välja målet för data som har hämtats med ett anpassat formulär. Den aktiveras när en användare klickar på knappen Skicka på ett anpassat formulär. Anpassade formulär innehåller några av de åtgärder som har vidtagits för att skicka in. Du kan också utöka en standardåtgärd för att skicka för att skapa en egen anpassad åtgärd. Så här konfigurerar du en Skicka-åtgärd för formuläret:

  1. Öppna innehållsläsaren och välj Guide Container som ingår i det adaptiva formuläret.

  2. Klicka på egenskaperna för stödlinjebehållaren Stödlinjeegenskaper -ikon. Dialogrutan Adaptiv formulärbehållare öppnas.

  3. Klicka på Submission -fliken.

    Klicka på skiftningsikonen för att öppna dialogrutan Adaptiv formulärbehållare och konfigurera en sändningsåtgärd

  4. Välj och konfigurera en Submit action, baserat på era behov. Mer information om Skicka åtgärder finns i Inlämningsåtgärd för anpassat formulär

Dirigera om användaren till en sida eller visa ett tackmeddelande när formuläret skickas

När du skickar ett formulär kan du dirigera om användaren till en annan webbsida eller ett meddelande. Så här omdirigerar du användaren eller konfigurerar tackmeddelandet:

  1. Öppna innehållsläsaren och välj Guide Container som ingår i det adaptiva formuläret.

  2. Klicka på egenskaperna för stödlinjebehållaren Stödlinjeegenskaper -ikon. Dialogrutan Adaptiv formulärbehållare öppnas.

  3. Öppna Submission -fliken.

    Klicka på ikonen för skiftnyckel för att öppna dialogrutan Adaptiv formulärbehållare för att konfigurera en omdirigeringssida eller ett tack för ditt meddelande

    • Om du vill konfigurera en omdirigerings-URL för alternativet Skicka väljer du Redirect to URL och bläddra och markera en AEM Sites-sida, eller ange en URL-adress för en extern sida.

    • Om du vill konfigurera ett anpassat meddelande eller ett tackmeddelande väljer du alternativet Skicka i Show Message och skriv ett meddelande i Message content box. Det är en RTF-ruta som du kan använda helskärmsalternativet för att visa alla tillgängliga RTF-objekt.

Konfigurera ett schema eller en formulärdatamodell för ett anpassat formulär configure-schema-or-data-model-for-form

Du kan använda formulärdatamodellen för att ansluta ett formulär till en datakälla för att skicka och ta emot data baserat på användaråtgärder. Du kan också ansluta ett formulär till ett JSON-schema för att ta emot skickade data i ett fördefinierat format. Beroende på vad som krävs kan du ansluta formuläret till ett JSON-schema eller en formulärdatamodell:

Konfigurera ett JSON-schema eller en formulärdatamodell för formuläret

Så här konfigurerar du ett JSON-schema eller en formulärdatamodell för formuläret:

  1. Öppna innehållsläsaren och välj Guide Container som ingår i det adaptiva formuläret.

  2. Klicka på egenskaperna för stödlinjebehållaren Stödlinjeegenskaper -ikon. Dialogrutan Adaptiv formulärbehållare öppnas.

  3. Öppna Data Model -fliken.

    Klicka på ikonen för skiftnyckel för att öppna dialogrutan Adaptiv formulärbehållare för att konfigurera ett JSON-schema eller en formulärdatamodell

  4. Välj och konfigurera ett JSON-schema eller en formulärdatamodell utifrån dina krav:

    • När du väljer Form Model -alternativ, använd Select Form Data Model för att välja en förkonfigurerad formulärdatamodell.
    • När du väljer Schema -alternativ, använd Schema för att välja ett JSON-schema för formuläret.
  5. Klicka på Done.

NOTE
Du kan redigera JSON-schemat eller formulärdatamodellen för ett adaptivt formulär med hjälp av egenskaperna för Guide Container.

Konfigurera en förifyllningstjänst configure-prefill-service-for-form

Du kan använda förifyllningstjänsten för att autofylla fält i ett adaptivt formulär med befintliga data. När en användare öppnar ett formulär är värdena för dessa fält förifyllda. Du kan:

Använd förifyllningstjänsten för formulärdatamodell för att fylla i fält i ett adaptivt formulär i förväg fdm-prefill-service

Du kan använda förifyllningstjänsten för formulärdatamodell för att fylla i fält i ett adaptivt formulär i förväg med hjälp av en formulärdatamodell eller en anpassad förifyllningstjänst. Tjänsten för förifyllnad av formulärdatamodell använder Hämta tjänst för konfigurerad formulärdatamodell för att hämta data. Så här använder du förifyllningstjänsten för formulärdatamodell för ett adaptivt formulär:

  1. Öppna innehållsläsaren och välj Guide Container som ingår i det adaptiva formuläret.
  2. Klicka på egenskaperna för stödlinjebehållaren Stödlinjeegenskaper -ikon. Dialogrutan Adaptiv formulärbehållare öppnas.
  3. Klicka på egenskaperna för den adaptiva formulärbehållaren Egenskaper för adaptiv formulärbehållare -ikon. Dialogrutan Adaptiv formulärbehållare öppnas för att konfigurera datamodeller.
    Klicka på ikonen för skiftnyckel för att öppna dialogrutan Adaptiv formulärbehållare för att konfigurera en omdirigeringssida eller ett tack för ditt meddelande
  4. Välj en formulärdatamodell. Öppna Basic -fliken. I förifyllningstjänsten väljer du Form Data Model Prefill Service.
  5. Klicka på Done. Ditt adaptiva formulär har nu konfigurerats för att använda förifyllning av formulärdatamodell. Nu kan du använda regelredigerare om du vill skapa regler för förifyllning av formulärfält.

What's Next

Se även

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2