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.
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 |