Skapa en adaptiv formulärmall baserad på kärnkomponenter adaptive-form-templates

När du skapar ett formulär lägger du till fält och komponenter för att definiera formulärstruktur, innehåll och åtgärder i redigeraren. Du lägger till fält och komponenter i guideRootPanel för formulärbehållaren. Med mallredigeraren kan du skapa en mall som innehåller grundläggande struktur och ursprungligt innehåll som författare kan använda för att skapa formulär.

Du vill till exempel att alla formulärförfattare ska ha vissa textrutor, navigeringsknappar och en skicka-knapp i ett registreringsformulär. Du kan skapa en mall med de komponenter som författare kan använda för att skapa ett formulär som är konsekvent med andra registreringsformulär. När författare använder mallen för att skapa ett adaptivt formulär ärver det nya formuläret strukturen och de komponenter du har angett i mallen. Med mallredigeraren kan du:

Förutsättning

Aktivera adaptiva Forms Core-komponenter för din miljö: När du skapar ett program är de adaptiva Forms Core-komponenterna redan aktiverade för din miljö. Om du har en as a Cloud Service formulärmiljö baserad på AEM Archetype 39 eller tidigare Aktivera adaptiva Forms Core-komponenter för din miljö.

Arbeta med mall working-with-templates

Du kommer åt mallredigeraren på Verktyg-menyn genom att gå till Adobe Experience Manager > Tools > General > Templates. Här är mallarna ordnade i mappar som är aktiverade för redigerbara mallar.

I Experience Manager finns en global mapp där du kan ordna mallar. Den är dock inte aktiverad som standard. Du kan begära att administratören aktiverar den globala mappen eller skapar en mapp för mallar. Mer information om hur du skapar mappar finns i Mallmappar.

Skapa en mall create-template

När du har skapat en mapp öppnar du mappen och utför följande steg för att skapa en mall:

Mallredigeringsgränssnitt template-editor-ui

När du öppnar en mall för redigering kan du se följande AEM Editor-komponenter:

Redigera en mall editing-a-template

Olika lägen för att markera och redigera rätt aspekt av mallen är:

Lagerväljaren är tillgänglig bredvid alternativet Förhandsgranska i skärmens övre högra hörn.

Struktur structure

När du markerar strukturlagret i mallredigeraren kan det vara bra att fördefiniera det innehåll som inte kan ändras när du skapar adaptiv Forms som är associerat med mallen.

Låsa/låsa upp komponenter i strukturlagret locking-unlocking-components-in-the-structure-layer

När du redigerar mallen med strukturlagret markerat kan du låsa upp mallens sidhuvud och sidfot. Om en komponent är olåst i mallen kan formulärförfattare redigera komponenten i det adaptiva formulär som använder mallen. Genom att låsa en komponent förhindrar du att formulärförfattare redigerar den i det adaptiva formuläret. Alternativet Lås är tillgängligt i komponentens verktygsfält.

Du kan till exempel lägga till rubrikkomponenten i mallen. När du markerar komponenten kan du se ett låsalternativ i komponentens verktygsfält. Vanligtvis innehåller rubriken företagsnamn och logotyp, och du vill inte att formulärförfattare ska ändra logotypen och rubriken i en mall. I ett adaptivt formulär som skapats med mallen med huvudkomponenten låst kan formulärförfattare inte ändra logotypen och företagsnamnet.

Ursprungligt innehåll initial-content

När alternativet Ursprungligt innehåll är markerat öppnas mallens adaptiva formulärbehållare som ett adaptivt formulär för redigering. Med den kan du skapa ett fördefinierat innehåll som kan ändras när du skapar adaptiv Forms som är kopplat till mallen. Precis som när du skapar ett adaptivt formulär kan du ange inledande inställningar, som att välja ett tema och skicka åtgärder.

Formulärförfattare använder det som bas för att skapa ett formulär. Innehållsflödesstrukturen anges i lagret Ursprungligt innehåll i mallen. Om du vill växla till att redigera det ursprungliga innehållet i formulärmallen väljer du > Initial Content innan du förhandsgranskar i sidverktygsfältet.

I lagret Ursprungligt innehåll skapar du mallen Adaptivt formulär som dina författare använder som bas. Om du redigerar en mall på samma sätt som när du redigerar ett formulär, använder du de alternativ som finns i sidofältet. Sidofältet innehåller webbläsare för innehåll, egenskaper, resurser och komponenter.

Layout layout

När du redigerar en mall kan du definiera layouten, vilket innebär att en responsiv standardlayout används. Layouten hjälper till att hantera bredden på en komponent baserat på enhetens bredd för att underlätta en responsiv adaptiv formulärdesign.

Mer information finns i artikeln Förstå responsiv layout.

Aktivera mallen enabling-the-template

När du skapar en mall läggs den till som ett utkast. Aktivera mallen för att använda den för att skapa Adaptiv Forms. Så här aktiverar du en mall:

Importera eller exportera en mall importing-or-exporting-a-template

Ett formulär fungerar med sin mall. När du hämtar ett adaptivt formulär som skapats med en anpassad mall hämtas inte mallen. När du importerar formuläret till en annan AEM Forms-instans importeras det utan någon mall. Om ett formulär importeras men mallen inte är tillgänglig, återges inte formuläret. Du kan paketera den anpassade mallen från noden /conf i https://<server>:<port>/crx/packmgr och portera den i instansen AEM Forms där du vill överföra formuläret. Du kan också skapa en mall med hjälp AEM Archetype och distribuera den till din Cloud Services-instans.

Koppla ett formulärdatamodellschema till en mall associating-form-data-model-schema-in-template

Författare kan associera en Form Data Model Schema till en anpassad formulärmall i mallredigeraren. Det gör att författare kan välja ett schema i mallredigeraren. När du kopplar ett schema till en mall och en formulärförfattare skapar ett formulär baserat på mallen, markeras schemat automatiskt för formuläret. Det hjälper formulärförfattare att reglera användningen av scheman och sparar tid även för formulärförfattare. Så här väljer du ett formulärdatamodellschema i mallredigeraren:

Lägga till anpassade egenskaper i adaptiva formulärkomponenter med hjälp av en mallpolicy

Med anpassade egenskaper kan du koppla anpassade attribut (nyckelvärdepar) till en anpassad formulärets kärnkomponent med hjälp av formulärmallen. De anpassade egenskaperna visas i avsnittet properties i komponentens huvudlösa återgivning. Det gör att du kan skapa dynamiskt formulärbeteende som anpassas baserat på anpassade attributvärden. Utvecklare kan till exempel utforma olika renderingar av en Headless Forms-komponent för mobiler, datorer eller webbplattformar, vilket avsevärt förbättrar användarupplevelsen på en mängd olika enheter.

Steg för att lägga till anpassade egenskaper i komponentfält för adaptiva formulär är:

Lägga till ett anpassat gruppnamn i principen för mallredigeraren add-a-custom-group-name

När du lägger till minst en anpassad egenskapsgrupp med hjälp av mallprincipen visas fliken Advanced i dialogrutan Redigera för en motsvarande kärnkomponent.

Välj ett eget gruppnamn i redigeringsdialogrutan för en kärnkomponent select-a-custom-group-name

Skapa ett anpassat formulär med hjälp av mallen creating-an-adaptive-form-using-the-template

När du har skapat och aktiverat en mall är den tillgänglig i formulärhanteraren när du skapar ett anpassat formulär. Mer information om hur du använder en mall och skapar ett adaptivt formulär finns i Skapa ett adaptivt formulär baserat på kärnkomponenter.

Bästa praxis best-practices

Se även see-also