Top App Bar

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.