Sjablonen aanpassen voor componenten van een formulierportal customizing-templates-for-forms-portal-components

Vereisten prerequisites

Metagegevens van formulieren beheren

Werken met kennis van HTML en CSS

Overzicht overview

In de AEM Forms-gebruikersinterface kunt u metagegevens toevoegen aan elk formulier. Aangepaste metagegevens kunnen de gebruikerservaring verbeteren wanneer u formulieren van uw organisatie aanbiedt en zoekt.

Met Forms Portal kunt u aangepaste metagegevens gebruiken in formulierlijsten. Wanneer u aangepaste sjablonen voor elementen maakt, kunt u de lay-out van deze sjablonen wijzigen en aangepaste metagegevens gebruiken met de CSS-stijlset.

Voer de volgende stappen uit om een aangepaste sjabloon te maken voor verschillende Forms Portal-componenten.

Een aangepaste sjabloon maken creating-a-nbsp-custom-template

Werkvoorbeeld working-example

Hieronder volgt een voorbeeldimplementatie van een aangepaste sjabloon waarbij Forms Portal een aangepaste Geometrixx Gov Card Layout voor de component Search & Lister verkrijgt.

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

Technische specificaties voor aangepaste sjablonen technical-specifications-for-custom-templates

Een douanemalplaatje voor om het even welke component van Forms Portal omvat herhaalbare en niet-herhaalbare ingangen. Herhaalbare vermeldingen zijn basisentiteiten voor plaatsing op de lijst. Voorbeelden van herhaalbare items zijn Zoeken en registreren, Concepten en verzenden en Koppelingscomponenten.

Forms Portal biedt een syntaxis waarmee plaatsaanduidingen aangepaste/OTB-metagegevens kunnen weergeven. De plaatsaanduidingen worden gevuld nadat de resultaten van formulieren, concepten of verzendingen zijn weergegeven.

Om een herhaalbare ingang te omvatten, vorm de waarde van de attributen data-herhaalbaar tot true.

*In het besproken voorbeeld, zijn twee elementen Div aanwezig bij de bovenkant in het douanemalplaatje. De eerste, met de CSS-klasse "__FP_boxes-container", werkt als een containerelement voor de formulieren die worden weergegeven. De tweede, met de CSS-klasse "__FP_boxes", is een sjabloon voor de basisentiteiten, in dit geval een Form. De data-herhaalbaar kenmerk aanwezig in Div-element heeft de waarde true.

Elke plaatsaanduiding heeft een exclusieve OTB-metagegevensset. Als u aangepaste metagegevens wilt weergeven op een bepaalde plaats op het formulier, voegt u de opdracht $metadata_prop, eigenschap ter plekke.

In het voorbeeld wordt de eigenschap metadata in meerdere instanties gebruikt. Het wordt bijvoorbeeld gebruikt in beschrijving,name,formUrl,htmlStyle,pdfUrl,pdfStyle, en pad ​op de voorgeschreven wijze.

Metagegevens uit het vak out-of-the-box-metadata

Verschillende Forms Portal-componenten bieden exclusieve sets OOTB-metagegevens die u voor een aanbieding kunt gebruiken.

Onderdeel Zoeken en bibliotheken search-amp-lister-component

Ondersteuning voor lokalisatie, sorteren en het gebruik van configuratie-eigenschappen in de gebruikersinterface (alleen zoeken en registreren):

Component Koppelen link-component

Component Concepten en verzendingen drafts-amp-submissions-component

Opmerking:

A. Containerelement

B. 'path'-metagegevens met een vaste hiërarchie om de voor elk formulier opgeslagen miniatuur te verkrijgen.

C. Kenmerk dat kan worden herhaald voor de sjabloonsectie voor elk formulier

D. De tekenreeks Toepassen lokaliseren

E. De configuratieeigenschap pdfLinkText gebruiken

F. De metagegevens "pdfUrl" gebruiken

Tips, trucs en bekende problemen tips-tricks-and-known-issues

Verwante artikelen