Adaptiva formulärmallar adaptive-form-templates

Adobe rekommenderar att man använder modern och utbyggbar datainhämtning Kärnkomponenterfor skapa ny Adaptive Formseller lägga till adaptiv 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 anpassat formulär ärver det nya formuläret strukturen och komponenterna som du har angett i mallen. Med mallredigeraren kan du:

Arbeta med mallar working-with-templates

Du kommer åt mallredigeraren på Verktyg-menyn genom att gå till Adobe Experience Manager > Verktyg > Mallar. Här är mallarna ordnade i mappar som är aktiverade för redigerbara mallar. AEM innehåller en global mapp för att 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.

När du har valt att öppna en mapp visas en Skapa-knapp där du kan skapa en mall för adaptiva formulär.

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:

Se Introduktion till utveckling av anpassningsbara formulär för att förstå redigeraren för Touch UI.

Redigera en mall editing-a-template

En adaptiv formulärmall 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

S. 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 anpassade 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 anpassat 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 innan du förhandsgranskar i sidverktygsfältet väljer du > Inledande innehåll.

Ursprungligt innehållslager i mallredigeraren med adaptiv formulärbehållare markerad för att ange egenskaper.

I lagret Ursprungligt innehåll skapar du den anpassningsbara formulärmallen som författarna 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.

Se Sidebar.

Skapa en adaptiv 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 i guideRootPanel. Markera panelerna och markera för att öppna egenskaperna i sidofältet. Ändra elementnamnen som general-info och professional-infooch titlar som General Information respektive Professional Information. I sidlisten väljer du innehåll för att öppna innehållsläsaren. På fliken Formulärobjekt väljer du guideRootPanel. I redigeraren markeras guideRootPanel. Välj i komponentens verktygsfält för att öppna dess egenskaper. I fältet Panellayout väljer du Flikar överst och markera Klar. 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 visas Dra komponenter hit alternativ. 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 Obligatoriskt fält -egenskap 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 Obligatoriskt fältmeddelande -egenskap.

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 anpassningsbara formulär. 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 /conf nod i https://<server>:<port>/crx/packmgroch portera den till den AEM Forms-instans där du vill överföra formuläret.

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. Information om hur du använder en mall och skapar ett anpassat formulär finns i Skapa ett anpassat formulär.

Ändra visningsalternativ för mallar som ligger utanför rutan change-display-option-of-out-of-the-box-templates

Du kan skapa anpassade mallar för adaptiva formulär för att definiera grundläggande struktur och ursprungligt innehåll. AEM Forms har också en uppsättning färdiga mallar för anpassningsbara formulär. Du kan välja att visa eller dölja mallarna.

Så här visar och döljer du mallar:

Recommendations recommendations