axIconButton
Description
allows an icon button to be inserted into the 5250 screen. Icons are appropriate for buttons that allow a user to take actions or make a selection, such as adding or removing a star to an item.
Usability
|
Context |
Supported |
|---|---|
|
Input screen fields |
No |
|
Output screen fields |
Yes |
|
Input subfile fields |
No |
|
Output subfile fields |
No |
|
New screen elements |
Yes |
Properties
|
Name |
Description and Comments |
JavaScript |
Shipped default |
|---|---|---|---|
buttonType |
Type of icon to display if normal or toggle icon. | No | Normal |
enabled |
Indicates whether this element is enabled. TS2 only. |
Yes. Must return a Boolean. | True |
icon |
Specifies a name of icon to display | Yes. Must return a string. | None |
iconOn |
Specifies a name of icon to display when toggle is on | Yes. Must return a string. | None |
tooltip |
The tool tip (or hint) that should appear when the user hovers the mouse over this button. | Yes. Must return a string. | None |
Notes, Comments and Warnings
This extension is available only in material design theme.
Examples
(1). An icon button extension with normal button type with near_me icon.
- change the following property:
- buttonType: normal
- icon : near_me
(2). An icon button extension with toggle button type with favorite icon and favorite_border toggle icon.
- change the following property:
- buttonType: toggle
- icon : favorite
- iconOn : favorite_border
- tooltip : toggle button
Icon property
The icons that you can use is based on the localized version (shipped with axes) of google material design icon (web fonts). See https://material.io/tools/icons/?style=baseline for the list of icons.
See Also
Application Style Collection for Application themes