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-repeterbar till true.

I det exempel som beskrivs 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. The data-repeterbar ​attributet 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 ${metadata_prop} property på stället.

I exemplet används metadataegenskapen i flera instanser. Den används till exempel i description,name,formUrl,htmlStyle,pdfUrl,pdfStyle ​och bana ​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. "path"-metadata med en fast hierarki för att få miniatyrbilder lagrade för varje formulär.

C. Attribut som kan upprepas för varje formulär i mallavsnittet

D. Localize "Apply" string

E. Använda konfigurationsegenskapen pdfLinkText

F. Använda metadata för pdfUrl

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

Relaterade artiklar