Icon
Collaborate with us
Edit this page on GitHub
Shows an icon from a predefined set of icons for common use and content. It allows you to add a visual reference to an action, for example.
Properties
| Name | Description | Mandatory | Default value | Observations |
|---|---|---|---|---|
| Name | Identifies an element in the scope where it's defined, like a screen, action, or module. | Yes | ||
| Icon | Scalable vector picture to display. | Yes | flag | |
| Size | Size of the scalable vector picture relatively to the font-size of the first ancestor of this widget. | Yes | 2x font size | |
| Visible | Boolean literal or expression that defines the obligatoriness of displaying the widget. | Yes | True | |
| Style Classes | Specifies one or more style classes to apply to the widget. Separate multiple values with spaces. | "icon" | ||
| 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 isn't validated by the platform. Duplicated properties aren't 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 property="property". For example, the nowrap property doesn't require a value, therefore its property is nowrap="nowrap". |
||
Events
| Name | Description | Mandatory | Observations |
|---|---|---|---|
| Event | JavaScript or custom event to handle. | ||
| 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 |