Field template is used for formatting data into the text that is going to be displayed to the end users. 

It is located at the very bottom of the Edit view page, under the editor selector. It is also available for Display views.

Table of contents

What's a field template?

Elements Connect works in two main steps:

• At first, it fetches the data from the datasource
• Then, it formats the data so that it can be displayed to the end user.

The field template is used during this last step to turn a line of data into a displayable text.

Do I really need this?

Well, if you are configuring an Elements Connect date or datetime field, you don't need field templates. For other fields, we display by default the content of the first column of each data line. This is the '{0}' that you might have noticed in the field configuration.

If you want to change this, then you need to learn more about field templates.

How does it work?

As explained above, Elements Connect fetches data from the datasource and this data is eventually transformed so that it fits into a table.

For example, if you use a JQL query to your local JIRA as datasource, the table result could look like this :

Each of these lines represent a value potentially displayed to the end user.

The field template is a string of text that includes specific markers like {0} or {summary}. To make it simple, a marker is a reference to a column between brackets ('{' & '}').

When Elements Connect evaluates the field template against one line of data, it tries to replace every marker with what is found in the line.

Here is a quick example based on the data table above :

Replacement markers

References

Markers reference data table columns. There are two ways to reference columns in a table : by column index or by column name.

Reference by index

Back to the origin of Elements Connect, the only way to reference columns in field template was the index. A marker {n} will be replaced with the value of column at index 'n'.

Pros / Cons

Pros of using column index :

• The only useful case is when the data table structure changes depending on your request and you need to always display a content at a specific column index, whatever the column name.

Cons:

• Not easy to read a template like '{4} / {6} [{1}] : {3}' ...
• If you change your SQL query you will need to check that the indexes are still correct.
• If your data table columns order is not guaranteed, you cannot use indexes

Examples

Reference by name

Whatever the datasource used, your data table result is likely to have columns with names. The column names origins are different depending the source :

Advantages of name reference

• You don't have to check columns order
• '{key} / {issuetype} [{resolution}] : {summary}' is much more readable than the equivalent with indexes
• You have more control over the display of certain types (see additionnal properties below)

Examples

SELECT 1 + 2 + 3 AS "CALC_SUM" FROM DUAL

[{ "name": "apple", "quantity": 12}]

Missing reference

Evaluation of data types other than text

Markers are replaced with the column value. In most of the cases, you don't have to worry about this, because this is handled behind the scene.

Sometimes, you might want more control and this is possible on certain types. For example, you can display the project key instead of the project name. 

Adding header and footer to your field template

You can insert html, css and javascript before and after your field template body in order to have clearer view of the displayed data.

Adding header and footer is possible only for Elements Connect widgets with multiple value selection; in edit view for read only widgets and for all the Elements Connect widgets in issue view, issue navigator and post function comment.

Adding header and footer to your template body allows you to easily display your data in tables, lists,...

Hints and troubleshooting

Is it allowed to put HTML in a field template?

Yes, but ... 

You can write HTML in the field template, it will be evaluated and displayed correctly except in the following situations : 

• While editing an issue, the Elements Connect select list widgets do not support HTML
• Some graphical gadgets displaying statistics based on filters do not handle HTML. This is the case of the Pie Chart gadget

I want to display '{' characters in my template

You can prevent Elements Connect from evaluating a text that looks like a marker. You just need to place the text between quote chars (').

Example :

Marker with my SQL column name is not replaced

The resolution of column names in SQL results is case sensitive, so even if your query looks like :

 select id, summary from jiraissue

The result table column names might be 'ID' and 'SUMMARY'.

In this case, you need to reference summary as {SUMMARY} instead of {summary}.

How do I get my SQL calculated column by name?

Sometimes you need a calculated column in SQL. The name of this column will be automatically generated by the database server.

SELECT A + B FROM TABLE

You can specify the column name in your query like this:

SELECT A + B AS MY_COLUMN FROM TABLE

And then reference it with {MY_COLUMN}

My marker is not replaced

If your marker is based on index like {4}, check that the column at this index exist in your result. Remember that column index starts at 0.

If your marker is based on column names (ex: {my_column}), check that a column with this name really exists with the same case in your results.

Examples

SQL examples

SELECT i.summary, i.id FROM jiraissue i

The issue summary is {SUMMARY}

SELECT i.created as "creation_date", i.id FROM jiraissue i

The issue has been created on {creation_date}

SELECT i.created, i.id FROM jiraissue i

The issue has been created on {created.date}

JQL examples

issuetype = "Bug"

The issue project key is {project.key}

project = TEST

The issue reporter is {reporter}

project = TEST

The issue has been created on {created}

JSON examples

The JSON structure below is the result after JSONPath is applied on the datasource result.

[
{"name" : "Vincent van Gogh", "birthdate": "30/03/1853"},
{"name" : "Henri Matisse", "birthdate": "31/12/1869"}
]

{name} was born on {birthdate}