Images

The Encodian population engine supports image insertion using the following two methods:

Insert an Image via URL

Insert an Image via Base64

Please ensure you have followed the Spreadsheet Preparation steps.

Spreadsheet Preparation

When using the image token you must add the token inside a text box, please follow this instruction:

2024-06-27_15-24-43.gif

Insert Image - Hyperlink

The URL must be publicly accessible, if the URL requires authentication the image cannot be accessed and therefore would not be inserted.

Example Spreadsheet: Encodian - Template Syntax - Image Url.xlsx

Example JSON Data:

{
"imageUrl": "https://cdn.apps-encodian.com/logos/Encodian_Logo.png"
}

The image token requires a single parameter, the URL value, see below:

<<image [imageUrl]>>

This generates the following output:

Clearly, this doesn't look great! Firstly to remove the grey border from around the image:

Secondly, utilise the switch, this is further explained in the Image Formatting section of this article.

<<image [imageUrl] -fitSize>>

This generates the following output:

Insert Image - Base64

Example Spreadsheet: Encodian - Template Syntax - Image Base64.xlsx

Example JSON Data:

{
"imageBase64": "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"
}

The image token requires a single parameter, the Base64 value, see below:

<<image [imageBase64]>>

This generates the following output:

learly, this doesn't look great! Firstly to remove the grey border from around the image:

Secondly, utilise the switch, this is further explained in the Image Formatting section of this article.

<<image [imageBase64] -fitSize>>

This generates the following output:

Image Formatting

The image token requires a single parameter, the URL value, see below:

<<image [imageUrl]>>

Additionally, the following switches can be added to control how the image is formatted once inserted into the text box within the spreadsheet:

The -keepRatio preserves the size of the textbox and stretches the image within bounds of the textbox preserving the ratio of the image.

<<image [imageUrl] -keepRatio>>

The -fitHeight preserves the width of the textbox but changes its height according to the ratio of the image.

<<image [imageUrl] -fitHeight>>

The -fitWidth preserves the height of the textbox but changes its width according to the ratio of the image.

<<image [imageUrl] -fitWidth>>

The -fitSize changes the size of the textbox according to the size of the image.

<<image [imageUrl] -fitSize>>

The -fitSizeLim changes the size of the textbox according to the size of the image without increasing the size of the textbox.

<<image [imageUrl] -fitSizeLim>>
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk