Image
Displays an image in the screen or block. The image source can be one of the following:
- A local image included in the module as a resource
- 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, and PNG. Please note that the images in the SVG format are not supported as Binary Data in the platform database.
Properties
| Name | Description | Mandatory | Default value | Observations |
|---|---|---|---|---|
| Name | Identifies an element in the scope where it is defined, like a screen, action, or module. | Yes | ||
| Type | Specifies the source of the image: Local Image, External URL or Binary Data. | Yes | Local Image | |
| Image | Defines the image to display when Type is set to Local Image. | Only available when Type is set as Local. | ||
| URL | Defines the URL of the image to display when Type is set to External URL. | Only available when Type is set as External URL. | ||
| Image Content | Defines the image to display when Type is set to Binary Data. | Only available when Type is set as Binary Data. | ||
| Default Image | Image to display when the Binary Data image cannot be fetched. | Only available when Type is set as Binary Data. | ||
| Layout | ||||
| Width | Width 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. | |||
| Margin Left | Left margin of the widget in columns. Other accepted units are pixels(px), 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. | |||
| Attributes | ||||
| 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. |
||
Events
| Name | Description | Mandatory | Observations |
|---|---|---|---|
| Event | JavaScript or custom event to be handled. | ||
| Handler | JavaScript event handler. |
Runtime Properties
| Name | Description | Read Only | Type | Observations |
|---|---|---|---|---|
| Id | Identifies the widget instance at runtime (HTML 'id' attribute). You can use it in JavaScript and Extended Properties. | Yes | Text |