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 …
to this:
Here a mini-panel heading and mini-panel bodies have been used to visually group sets of related fields together ….
See Also
Adding a Stripe in Tutorial 6 - Advanced Screen Enhancement
Application Style Collection for Application themes