axSimpleStripe

Description

axSimpleLine allows a simple stripe to be inserted into the 5250 screen. Stripes are intended to be used to enhance the appearance of 5250 screen bodies, subfile headings and subfile bodies.

Usability

Context

Supported

Input screen fields

No

Output screen fields

No

Input subfile fields

No

Output subfile fields

No

New screen elements

Yes

Properties

Name

Description and Comments

JavaScript

Shipped default

context

The context of the stripe. Specify as screen panel, subfile heading, subfile body, mini-panel heading or mini-panel body. This determines the way that the stripe will be colored and bordered. See notes following regarding how colors and borders are determined.

Yes. Must return "PH" (Screen Panel), "SH" (Subfile heading) or "SB" (subfile body).

Screen panel

orientation

The orientation of any color gradient that may be applied to the stripe. Specify as horizontal or vertical.

Yes. Must return "H" or "V".

Vertical

useOldStyle

The old styles will be applied when set to true.

For JQueryUI and Material Design themes only.

Yes. Must return Boolean.

False

Notes, Comments and Warnings

When the selection of the context is made, this in effect chooses a scheme for producing the stripe. The scheme is defined in the USERENV object by the aSimplestripeStyles object array. This array defines the start and end colors and the border used by the stripe. By altering your USERENV object's definition you can change the way that all stripes are visualized.

The useOldStyle property will be visible when Basic theme is not selected in appStylesTheme property. And when this property is checked, the jQueryUI theme or Material Design theme will not be applied but the old styles setting in the USERENV object will be used. Check the useOldStyle property if you want the behaviour of the old extension to be applied. The orientation property will be ignored if Basic theme is not selected.

In Application, appStylesTheme = JQueryUI

When JQueryUI is selected from Application->Styling->appStylesTheme property, the display will change according to the theme that was set in the Application’s jqueryTheme property. 

In Application, appStylesTheme = Material Design

When Material Design is selected from Application->Styling->appStylesTheme property, the display will change according to the theme that was set in the Application’s mdTheme property. 

Examples

By using 3 stripes this 5250 screen can be altered from this …

Image

to this:

Image

Here a mini-panel heading and mini-panel bodies have been used to visually group sets of related fields together ….

Image
Image

See Also

Adding a Stripe in Tutorial 3 - Advanced Screen Enhancement

Administrators

Legal Mentions

aXes is brought to you by:

LANSA

Serving the IBM i community for 30 years.