Skapa en adaptiv formulärmall adaptive-form-templates

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.

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 komponenterna som du har angett i mallen. Med mallredigeraren kan du:

Du kan hämta och installera AEM Forms-referenspaketet för innehåll från portalen för programvarudistribution om du vill importera referensteman och mallar till din miljö.

Arbeta med mallar 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

En mall för anpassat formulär skapas med två lager:

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 du se layoutbehållarna ovanför och under den adaptiva formulärbehållaren. Författare kan använda dessa layoutbehållare för sidhuvud och sidfot. Du kan lägga till, redigera eller anpassa sidhuvudet och sidfoten. Dra och släpp komponenten Adaptiv formulärrubrik i layoutbehållaren ovanför den adaptiva formulärbehållaren för att anpassa mallrubriken. Dra och släpp komponenten Adaptiv formulärsidfot i layoutbehållaren nedanför den adaptiva formulärbehållaren för att anpassa mallsidfoten.

Layoutbehållare i strukturlagret

A. Layoutbehållare för huvudkomponent B. Layoutbehållare för sidfotskomponent

Dra och släpp komponenten Adaptiv formulärrubrik i layoutbehållaren ovanför behållaren för adaptiv form. När du har lagt till komponenten kan du ange dess egenskaper så att du kan lägga till en logotyp och ange dess titel.

På samma sätt kan du ange copyrightinformation och företagsinformation när du drar sidfotskomponenten i layoutbehållaren nedanför den adaptiva formulärbehållaren.

Sidhuvud och sidfot som lagts till i strukturlagret

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. 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.

Skapa en anpassad formulärmall med flikar och paneler creating-an-adaptive-form-template-with-tabs-and-panels-nbsp

Du kan till exempel skapa en mall med följande flikar:

Du har lagt till en logotyp, angett en rubrik och lagt till en sidfot i strukturlagret. Lås sidhuvudet och sidfoten för att hindra formulärförfattare från att redigera dem när de använder mallen för att skapa formulär.

Ändra lagret från Struktur till Inledande innehåll och börja lägga till innehåll i formuläret. Om du vill skapa en flikstruktur lägger du till en underordnad panel i guideRootPanel i behållaren för adaptivt format. Så här lägger du till en panel:

Om du vill skapa flikarna Allmän information och Professional Information lägger du till två paneler i den underordnade panelen för guideRootPanel. Markera panelerna och välj för att öppna egenskaperna i sidofältet. Ändra elementnamnen som general-info och professional-info, och titlarna som Allmän information respektive Professional Information. I sidlisten väljer du innehåll för att öppna innehållsläsaren. Välj guideRootPanel på fliken Formulärobjekt. I redigeraren markeras guideRootPanel. Välj i komponentens verktygsfält för att öppna dess egenskaper. Markera Tabs on Top och välj Done i fältet Panellayout. Flikmallstrukturen används.

Lägga till innehåll på flikar adding-content-in-tabs

När du har lagt till paneler och strukturerat dem som flikar kan du lägga till fält inuti flikarna. När du väljer en flik i redigeraren kan du se alternativet Drag components here. Du kan dra och släppa komponenter som textrutor, listobjekt och knappar. Du kan dra och släppa komponenter från komponentwebbläsaren i sidofältet.

Varje komponent har egenskaper som förbättrar datainhämtning och -hantering. Du kan till exempel aktivera egenskapen Required field för en komponent. Författarna kan ange ett meddelande som kunderna ser när de inte fyller i ett obligatoriskt fält. Ange meddelandet i egenskapen Required Field Message.

I exempelmallen läggs fälten Namn, Telefonnummer och Födelsedatum till på fliken Allmän information. På fliken Professional Information, Anställda, typ av anställning, läggs fält för utbildningsbehörighet till.

När du har lagt till fält kan du lägga till knappar som Skicka och Återställ.

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 AEM Archeype 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:

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.

Spara ett anpassat formulär som en mall saving-adaptive-form-as-template

Du kan också spara ett anpassat formulär som en mall för framtida bruk. Så här sparar du ett anpassat formulär som en mall:

Recommendations recommendations

Se även see-also