Group Box
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 |
|
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:
When JQueryUI is selected as appStylesTheme:
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:
Examples
This is an example of two group boxes being used to enhance the OS/400 main menu …
Here is the same example using the modern group box look
Here are some examples of using the modern group box look to group fields:
See Also
Simple Customization in Tutorial 5 - Basic Screen Enhancement.
Group Boxes in Tutorial 6 - Advanced Screen Enhancement.
Understanding Screen Sizing and the Thin Red Line in Tutorial 7 – Themes.
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?
Application Style Collection for Application themes
