Forms Portal provides a syntax for place-holders to display custom/OOTB metadata. The placeholders are populated after displaying the results of forms, drafts, or submissions.

To include a repeatable entry, configure the value of the attribute data-repeatable to true.

In the example discussed, two Div elements are present at the top in the custom template. The first, with "__FP_boxes-container" CSS class, works as a container element for the forms that are listed. The second, with "__FP_boxes" CSS class, is a template for the basic entities, in this case a Form. The data-repeatable attribute present in the Div element has the value true.

Each placeholder has an exclusive OOTB metadata set. To display custom metadata at a particular place on the form, add the ${metadata_prop} property at the place.

In the example, the metadata property is used at multiple instance. For example, it is used in description, name, formUrl, htmlStyle, pdfUrl, pdfStyle, and path in the prescribed manner.

Out of the box metadata

Various Forms Portal components provide exclusive sets of OOTB metadata that you can use for listing.

Search & Lister component

Title: Title of the form

name: Name of the form (mostly it is the same as the title)

description: Description of the form

formUrl: URL to render the form as HTML

pdfUrl: URL to render the form as PDF

assetType: Type of the asset. Valid values include Form, PDF Form, Print Form, and Adaptive Form

htmlStyle & pdfStyle: Display style for HTML and PDF icons respectively used for rendering. Valid values are “__FP_display_none” or blankNote: Remember to use the __FP_display_none class in your custom style sheet

downloadUrl: URL to download an asset.

Support for localization, sorting, and using configuration properties on the user interface (Search & Lister Only):

Localization Support: To localize any static text use the attribute ${localize-YOUR_TEXT} and make the localized value available, if doesn't exist already.In the example discussed, the attributes ${localize-Apply} and ${localize-Download} are used to localize the Apply and Download text.

Support for Sorting: Click the HTML element to sort search results. To implement sorting in a tabled layout, add the "data-sortKey" attribute on the particular table header. In addition, add its value as the metadata for which you want to sort.
For example, for the "Title" header in the grid view, the value of the "data-sortKey" header is "title". Click the heading to sort the values in a particular column.

Using configuration properties: The Search & Lister component has several configurations that you can use on the user interface. For example, to display HTML ToolTip text saved through the edit dialog, use the ${config-htmlLinkText} attribute. Similarly, for PDF tool tip text, use the ${config-pdfLinkText} attribute.

Link component

Title: Title of the form

formUrl: URL to render the form as HTML

target: Target attribute of the link. Valid values are “_blank” and “_self.”

linkText: Link caption

Drafts & Submissions component

Path: Path of the draft/submissions metadata node. Use it with the .HTML extension as a URL to open a draft or submission.

contextPath: Context path of the AEM instance

firstLetter: First letter (uppercase) of the title of the adaptive form, which was saved as Draft or submitted.

formName: The title of the adaptive form, which was saved as Draft or submitted.

draftID: ID for the draft that is listed (Use only in the template for the Draft section).

submitID: ID for the submission that is listed (Use only in the template for the Submission section).

status: Status of the submitted form. (Use only in the template for the Submission section).

description: Description of the adaptive form associated with the draft or submission.

diffTime: Difference between the current time and the last save action for the draft. Alternatively, difference between the current time and the last submit action for the submission.

iconClass: CSS class used to display the first letter of the draft/submission. Forms Portal includes the following classes, which provide various colored backgrounds.

owner: User who created the draft/submission.

Today: Date of creation of draft or submission in DD:MM:YYYY format.

TimeNow: Time of creation of draft or submission in HH:MM:SS 24-hour format

Note:

For the delete option in the Drafts section under the Drafts & Submissions component, name the CSS class "__FP_deleteDraft." In addition, include the attribute "draftID" with the value ${draftID}, which isthe draft id of corresponding draft.

While creating links to open drafts and submissions, you can specify ${path}.html as the value of the href attribute for the anchor tag.

A. Container element

B. "path"metadata with a fixed hierarchy to obtain the thumbnail stored for each form.

C. Data-repeatable attribute used for the template section for each form

D.To localize "Apply" string

E.Using the configuration property pdfLinkText

F. Using the "pdfUrl" metadata

Tips, tricks, and known issues

Do not use single quote (') in any custom template.

For custom metadata, store this property on the jcr:content/metadata node only. If you store it at any other place, Forms Portal can't display the metadata.

Ensure that the name of any custom metadata or existing metadata does not include a colon (:). If it does, you cannot display it on the user interface.

data-repeatable does not have any significance for a Link component. Adobe recommends that you avoid using this property in the template for a Link component.