How to Insert Data Fields as an Image – Agillic Support

You can personalise your image paths by inserting the value of an Agillic data field as part of an image path. This could be useful if your externally hosted images have a predictable format.

Example

You have three different language versions of banner image, each containing localised language text. These files are located at an almost identical URL, except with a different language code parameter.

https://support.agillic.com/images/banners/header_EN.png
https://support.agillic.com/images/banners/header_DK.png
https://support.agillic.com/images/banners/header_FR.png

If we have a corresponding Person Data field containing a 'language key', we could dynamically insert the 'correct' language version.

<img src="https://support.agillic.com/images/banners/header_<persondata>LANGUAGE</persondata>.png">

Using Data Fields as Part of or as Entire Image Paths

Data Field Contains Entire Image Path

For increased flexibility, you may want to add the Data Field directly in to the HTML code yourself. In that case, the syntax is:

The 'PLACEHOLDER' represents an example text, and should be replaced with the relevant values.

Person Data and Global Data

Link - <img src="https://<persondata>PLACEHOLDER</persondata>">
Example - <img src="https://support.agillic.com/images/header_logo.png">

One-to-Many, Global Data Table and Data Lookup

Link - <img src="https://<persondata>PLACEHOLDER.FIELD</persondata>">
Example - <img src="https://support.agillic.com/images/header_logo.png">

Unique Lookup

Link - <img src="https://<uniquelookup>PLACEHOLDER.FIELD</uniquelookup>">
Example - <img src="https://support.agillic.com/images/header_logo.png">

Data Field Contains Partial Image Path

The Data Field do not necessarily have to contain the entire Image Path. You situation may require that the Image Path is more or less static, with the exception of a few values.