Displays an image in the screen or block. The image source can be one of the following:
- A static image included in the module as a resource. The image is uploaded to the server when you upload the module;
- An external image stored outside the platform that is accessible through a URL. When the screen is rendered, the image URL is processed, the image is fetched and displayed on the screen;
- An image stored in the platform database as Binary Data.
The supported image formats are GIF, JPEG, PNG, and SVG. Please note that the images in the SVG format are not supported as Binary Data in the platform database.
|Name||Identifies an element in the scope where it is defined, like a screen, action, or module.||Yes|
|Label||Text literal or expression used as a tooltip when hovering the image or displayed when the image cannot be displayed.|
|Image||Defines the image to be displayed when the Type property is set to Static.||The semantics of this property depends on the Type property value:
Static: Defines the image to be displayed both at development time and at runtime;
Database: Defines the image to be displayed at development time. At runtime, the Image property is ignored;
External: The Image property is ignored.
|Type||Specifies the source type of the image: Static, External or Database.||Yes||Static|
|URL||Text literal or expression defining the URL of the image when Type property is set to External.||Mandatory when Type has the value External.|
|Filename||Text literal or expression with the name of the file, including the extension.||Mandatory when Type has the value Database.|
|Cache||Maximum time the image is stored in cache when Type property is set to Database.||Yes||1 Week||Mandatory when Type has the value Database.|
|Attribute||Entity attribute that contains the image when Type property is set to Database.||Mandatory when Type has the value Database.|
|Entity Identifier||Entity Identifier (literal or expression) of the image you want to display when Type property is set to Database.||Mandatory when Type has the value Database.|
|Width||Expression that defines the width of the image in pixels. Other accepted units are points(pt) or percentage(%). Overrides the style sheet definition.|
|Height||Height of the widget in pixels. Other accepted units are points(pt) or percentage(%). Overrides the style sheet definition.|
|Margin Left||Left margin of the widget in columns. Other accepted units are pixels(px), points(pt), or percentage(%). Overrides the style sheet definition.|
|Margin Top||Top margin of the widget in pixels. Other accepted units are points(pt) or percentage(%). Overrides the style sheet definition.|
|Style Classes||Specifies one or more style classes to apply to the widget. Separate multiple values with spaces.|
|Property||Name of an attribute to add to the HTML translation for this element.||You can pick a property from the drop-down list or type a free text. The name of the property will not be validated by the platform.
Duplicated properties are not allowed. Spaces, " or ' are also not allowed.
|Value||Value of the attribute.||You can type the value directly or write expressions using the Expression Editor.
If the Value is empty, the corresponding HTML tag is created as property="property". For example, the nowrap property does not require a value, therefore nowrap="nowrap" is added.