Anpassa mallar för Forms Portal-komponenter customizing-templates-for-forms-portal-components

Förutsättningar prerequisites

Hantera formulärmetadata

Arbetskunskaper i HTML och CSS

Ökning overview

Med AEM Forms användargränssnitt kan du lägga till metadata i alla formulär. Anpassade metadata kan förbättra användarupplevelsen samtidigt som du listar och söker efter formulär i organisationen.

Med Forms Portal kan du använda anpassade metadata i formulärlistor. När du skapar anpassade mallar för resurser kan du ändra deras layout och använda anpassade metadata med din CSS-formatuppsättning.

Gör följande så att du kan skapa en anpassad mall för olika Forms Portal-komponenter.

Skapa en anpassad mall creating-a-nbsp-custom-template

Exempel working-example

Nedan följer ett exempel på implementering av en anpassad mall där Forms Portal förvärvar en anpassad Geometrixx-Gov-kortlayout för komponenten Sök och visa.

<div class="__FP_boxes-container __FP_single-color">
    <div class="boxes __FP_boxes __FP_single-color" data-repeatable="true">
 <div class="__FP_boxes-thumbnail">
     <img src ="${path}/jcr:content/renditions/cq5dam.thumbnail.319.319.png"/>
        </div>
        <h3 class="__FP_single-color" title="${name}" tabindex="0">${name}</h3>
        <p>${description}</p>
        <div class="boxes-icon-cont __FP_boxes-icon-cont">
            <div class="op-dow">
                <a href="${formUrl}" target="_blank" class="__FP_button ${htmlStyle}" title="${config-htmlLinkText}">${localize-Apply}</a>
                <a href="${pdfUrl}" class="__FP_button ${pdfStyle}" title="${config-pdfLinkText}">${localize-Download}</a>
            </div>
        </div>
    </div>
</div>

Tekniska specifikationer för anpassade mallar technical-specifications-for-custom-templates

En anpassad mall för valfri Forms Portal-komponent innehåller repeterbara och icke-repeterbara poster. Repeterbara poster är grundläggande enheter som ska tas upp i förteckningen. Exempel på upprepningsbara poster är komponenterna Sök och Lister, Utkast och överföringar samt Länka.

Forms Portal innehåller en syntax för platshållare som kan visa anpassade/färdiga metadata. Platshållarna fylls i när resultatet av formulär, utkast eller inskickade formulär visas.

Om du vill ta med en repeterbar post konfigurerar du värdet för attributet data-repetable till true.

I exemplet som behandlas finns två Div-element högst upp i den anpassade mallen. Den första, med CSS-klassen"__FP_boxes-container", fungerar som ett behållarelement för de formulär som visas. Den andra, med CSS-klassen"__FP_boxes", är en mall för de grundläggande entiteterna, i det här fallet ett formulär. Attributet data-repetable ​i Div-elementet har värdet true.

Varje platshållare har en exklusiv metadatauppsättning som är färdig att användas. Om du vill visa anpassade metadata på en viss plats i formuläret lägger du till egenskapen ${metadata_prop} på platsen.

I exemplet används metadataegenskapen i flera instanser. Den används t.ex. i description,name,formUrl,htmlStyle,pdfUrl,pdfStyle ​och path ​på föreskrivet sätt.

Metadata utanför kartongen out-of-the-box-metadata

Olika Forms Portal-komponenter har exklusiva uppsättningar färdiga metadata som du kan använda för att visa upp en lista.

Komponenten Search & Lister search-amp-lister-component

Stöd för lokalisering, sortering och användning av konfigurationsegenskaper i användargränssnittet (endast sökning och lister):

Länkkomponent link-component

Komponenten Utkast och inskickat material drafts-amp-submissions-component

Obs!

A. Behållarelement

B. Sökväg-metadata med en fast hierarki för att hämta den miniatyrbild som lagras för varje formulär.

C. Attribut för upprepning av data som används för mallavsnittet för varje formulär

D. Localize "Apply" string

E. Använda konfigurationsegenskapen pdfLinkText

F. Använda pdfUrl-metadata

Tips, tricks och kända fel tips-tricks-and-known-issues

Relaterade artiklar