Image Rendering Reference

Navigation:

IndexGeneral InformationElementsUtilsExamples

The <img> Element


Description:

In order to insert an image in front of the background use this tag. It is supposed to take either a relative path from the template to an image file or a Base64 encoded string of an image. Be careful when using a path to an image, when processing the template on the server, the path may be different or the image may not exist at all on the server.

Multiple Occurrences allowed: true


Attributes

Name Description Inheritated Possible Values Default Value Examples
class A identifier of a CSS class. This identifier can be referenced via a CSS file. The same class identifier is meant to be used in multiple tags false String No default value css1
id A identifier of the tag. This identifier can be referenced via a CSS file. This identifier has to be unique false String No default value css1
src Defines the path or a URL to an image. The path has to be relative to the template file false A path relative to the template file or a URL. (e.g. "../test/image.png or http://url.to/image.png") No default value image1
data Specifies a Base64 encoded string as image source false A Base64 encoded string No default value image1
autoscale Enables/disables to automatically scale the element. The element will scaled to the size of the field false true|false false -
cut-bottom Specifies the number of pixels on each side of the source image which should be cut off. false A positive integer value (>=0) 0 -
cut-left Specifies the number of pixels on each side of the source image which should be cut off. false A positive integer value (>=0) 0 -
cut-right Specifies the number of pixels on each side of the source image which should be cut off. false A positive integer value (>=0) 0 -
cut-top Specifies the number of pixels on each side of the source image which should be cut off. false A positive integer value (>=0) 0 -


Child Elements

No child elements

Examples