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