axTopAppBar

Description

axTopAppBar allows a push button to be inserted into the 5250 screens. Top App Bars are a container for items such as application title, navigation icon, and action items.

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

actionItems

The action items which are place on the opposite side of the navigation menu icon

Yes. Must return an array.

None

drawerItems

The drawer items which are place on the drawer side navigation. 

Yes. Must return an array.

None

drawerType

Indicates the variants of drawer type to use. The values are Modal Drawer, Dismissible Drawer and Permanent Drawer.

No

Modal Drawer

enable5250Menu

When enabled the 5250 menu items will be available on drawer side navigation.

Yes. Must return an array.

Enabled

onActionSelection

Optional. JavaScript code to be executed when an action item is clicked.

Yes

None

onDrawerSelection

Optional. Javascript code to be executed when a drawer item is clicked.

Yes

None

title

Specifies the title or caption of topAppBar.

Yes. Must return a string.

None

Warnings

This extension is available only in material design theme. This extension is almost similar in functionality and usage to checkbox extension. See axCheckbox extension for more example usage and replace checkbox with axSwitch.

Examples

Example 1:

Selection Application in the Extendable objects then drag and drop topAppBar extension from the extension toolbox to the design screen grid. Make sure you are on design screen mode.

Extension Property: (Modal Drawer)
Image

Rendered on Screen:

Image
Image
Extension Property: (Dismissible Drawer)
Image

Rendered on Screen:

Image
Extension Property: (Permanent Drawer)
Image

Rendered on Screen:

Image

Administrators

Legal Mentions

aXes is brought to you by:

LANSA

Serving the IBM i community for 30 years.