axGroupBox

Description

axGroupBox allows a group box to be inserted into the 5250 screen.

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

caption

Specifies the caption or title to be used for the group box.

Yes. Must return a string.

GroupBox

style

Additional style properties that should be applied to the group box and its caption.

Yes. Must return a valid style object.

None.

contentStyle

The style that will be applied to the content area of the GroupBox.

Note: This is for the jQuery and Material Design version only and it will not apply to extensions on top of the GroupBox.

Yes. Must return a valid style object.

None.

look

Specifies the overall look of the group box as class or modern. The colors and gradients used by the modern look check box are determined in the same way as the mini-panel header and mini-panel body details are for the axSimpleStripe – Insert a simple stripe into screen.

Yes. Must return a string as "C" (classic) or "M" (Modern).

Classic.

Notes, Comments and Warnings

In Application, appStylesTheme property = JQueryUI

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

Basic display for Classic and Modern look:

Image

When JQueryUI is selected as appStylesTheme:

Image

In Application, appStylesTheme property = Material Design

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

When Material Design is selected as appStylesTheme:

Image Image

Examples

This is an example of two group boxes being used to enhance the OS/400 main menu …

Image

Here is the same example using the modern group box look

Image

Here are some examples of using the modern group box look to group fields:

Image
Image
Image

See Also

Simple Customization in Tutorial 2 - Basic Screen Enhancement

Group Boxes in Tutorial 3 - Advanced Screen Enhancement

Understanding Screen Sizing and the Thin Red Line in Tutorial 10 - 5250 Screen Styling.

I want to always use the “Modern” look for all my group box eXtensions, can I do this without having to change the “look” property of each group box?

Administrators

Legal Mentions

aXes is brought to you by:

LANSA

Serving the IBM i community for 30 years.