Display Templates: Tutorial

To output information from your CollectiveAccess database, it is necessary to utilize display templates. Display templates are a critical element in the design of CollectiveAccess, affecting reports, search and browse result views, data export formats, the editing of interfaces, and finally, front-end Pawtucket views.

The need to format data for output is constant and critical. Designing reports, summarizing custom tombstone information for labels, displaying critical details in an editing interface, and constructing easy-to-read summaries for a web site all require the output of specific information. These functions all retrieve data from CollectiveAccess, formatting it in various ways, and output it to where it is needed, in the format that is needed.

CollectiveAccess supports more complex output options, such as pulling in data from related records, filtering the set of data to output, varying formatting based upon field values, converting measurements and performing many other useful transformations. However, it must be clearly specified to CollectiveAccess what must be done. Display templates provide a way to do that. Display templates are a compact syntax for describing what data is output, and how it is output.

The following tutorial will provide a foundation in both the theory and application of display templates in CollectiveAccess. The tutorial will touch upon all of the important features of display templates, and options to output data in various formats.

To output a custom selection of fields for a record, the fields can be lined up in order; this process is detailed in the Displays page. This results in a simple list of values that is very easy to create, but not terribly flexible. Configuring Display Templates allows for more flexibility when generating custom reports and other output processes.

Template Basics

The simplest template is just a bit of text:

Hello world!

This template results in the literal display of that text.

To insert data pulled from CollectiveAccess, include a placeholder for that data. Placeholders always start with the ^ (caret) character, followed by the specifier for the data you wish to insert. For example, if you are writing a template to display data for object records and a metadata element named description is part of your object record, then the specifier for that element is ca_objects.description, where ca_objects is the code for the type of record you’re pulling data from (objects) and description is the metadata element code. In a template, a placeholder is formed using the specifier prefixed with a ^ to distinguish it as something to be processed rather than output as text. A template to output our object description preceded by a field title would be:

Description: ^ca_objects.description

Configuring the Display of a Container Element

While creating a Display, the output for a Container element in a user interface may not appear how it should in a report. Each value in the Container is output as a list delimited by semicolons. An example of a Condition Container is displayed:

../../../_images/Container_ex.png

By simply adding the “Condition Reporting” element to your Display (for instructions on how to do this, please see Displays), without configuring a template, the output would be:

Good; Minor scratches; Tom Smith; 2016-07-01

Display Template: Tutorial

To format this bundle shown above for Display in a report, it is necessary to use a display template to configure the data into a proper format.

For each line of code, the simplest possible template would simply be:

<b>Rating:</b> ^ca_objects.condition_reporting.condition_rating<br/>

Where <b> ensures that “Rating:” appears in bold, ^ca_objects.condition_reporting.condition_rating pulls the value from this field, and <br/> adds a line break before the next template.

However, there is an issue with this more simple display: “Rating:” would print out regardless of whether or not there is actually data in the ca_objects.condition_reporting.condition_rating field. To account for this, it is important to use <ifdef> (“if defined”).

Wrapping the template in <ifdef> ensures that the template will only output if there is actually data in the placeholder value. This makes sure that the data output looks good, and uniform, if there is data in just one, two, three, or all of the container field’s sub-elements. To do so:

<unit>
<ifdef code="ca_objects.condition_reporting.condition_rating"><b>Rating:</b> ^ca_objects.condition_reporting.condition_rating<br/></ifdef>
<ifdef code="ca_objects.condition_reporting.condition_notes"><b>Notes:</b> ^ca_objects.condition_reporting.condition_notes<br/></ifdef>
<ifdef code="ca_objects.condition_reporting.condition_report_date"><b>Date:</b> ^ca_objects.condition_reporting.condition_report_date<br/></ifdef>
<ifdef code="ca_objects.condition_reporting.condition_examined_by"><b>Examined by:</b> ^ca_objects.condition_reporting.condition_examined_by<br/></ifdef>
<br/>
</unit>

In the event that the Condition Reporting container element is a repeatable container, or, there are multiple Condition Containers located in the record’s screen, the <unit> tag must be used to ensure that each Container is separated (see template above).

Without the <unit> tag, the output would print every Rating value followed by every Notes value, followed by every Date value, and so on. The <unit> tag guarantees that each Container is evaluated as a single group of data. This will generate a neat, final template for display. The output for display would look like:

../../../_images/Container_display.png

Note

For more information about formatting with <ifdef> and <unit> tags, please see Display Templates.