axButtonMenu

Description

Allows a button with a menu to be inserted into the 5250 screen. Menus display a list of choices on a transient sheet of material.

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

Specifies a material design button style to apply No unelevated

caption

Specifies the text that is to appear on the button. Yes. Must return a string. None

icon

Specifies a name of icon to display Yes. Must return a string None

items

Specifies the caption(s) of the item(s) to appear on the menu Yes. Must return a string  

menuPosition

Display location of the menu relative to the button Yes. Must return a string Bottom Start

onItemSelection

Javascript code to be executed when user click on the menu item Yes None

sizeToField

Indicates whether this button should be sized to fill its containing field or automatically sized to match its content. Yes. Must return a string. True

tooltip

The tool tip (or hint) that should appear when the user hovers the mouse over this button. Yes. Must return a Boolean. None

enabled

Indicates whether this element is enabled. Yes. Must return a Boolean. True

Notes, Comments and Warnings

This extension is available only in material design theme.

Examples

(1). A button Menu with 3 items and separator.
Modify the following Extension property:

  • icon property: menu
  • items property: add 3 entries for menuType and caption sub property
  1. List Item, Upload
  2. List Item, Download
  3. Separator, leave this caption blank.
  4. List Item, Exit



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