Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Additionally, many settings can be controlled globally using the Genie Administrator. For example, you can stripe alternating rows in all of your subfiles with certain colors, convert all function key labels into buttons, or turn menu options into hyperlinks. Just like the Genie Visual Designer, you access the Genie Administrator through a browser window.

Image RemovedImage Added
Figure 1.4: The Genie Administrator

...



 
AJAX Containers - The AJAX container brings in content from other Web applications. It integrates with RPGspPHP, RPG/CGI, Java, PHP, .NET, and other Web technologies. The content is typically dynamic and can accept information from the screen as parameters. You can place the container anywhere on the screen, size it in any way, and specify properties to control borders, backgrounds, vertical and horizontal scrolling, etc.



 
Buttons - You can turn existing screen elements into buttons or add new buttons for new functionality. Buttons can initiate function keys, bring up pop-up dialogs, or execute code (client-side or server-side).



 
HTML5 and Flash Charts - Genie is packaged with many different types of flash charts, and they are extremely easy to integrate with your applications. Simply pick the chart type and point at the DB2 table on the System IBM i for chart data. Or. Chart data can also be retrieved from an existing 5250 screen.  Or, if you want to generate chart data on the fly, this can be done in any Web capable language that can produce XML. Our RPGsp tool even provides wizards to generate RPG code to output the required XML for you.  





 
Checkboxes - Any existing application field can be turned into a checkbox. You simply specify which values represent a checked state.



 
Date fields with pop-up calendars - Adding a pop-up calendar to any field is very simple and requires no coding. Genie supports many different date formats. Genie can also add calendars to all date fields on a global level.



 
Field Set Panels - This element offers an easy way to organize screen information into professional-looking panels.



 
Graphic Buttons - Graphic buttons act just like regular buttons, but allow the combination of icons and/or text to be placed within the button.



 
HTML Containers - The HTML container allows you to create your own custom elements using HTML code. The HTML code can be static or dynamic. Dynamic HTML can utilize values from other fields on the screen.



 
Hyperlinks - Hyperlinks can link to other applications, initiate function keys, submit menu options, bring up dialogs, or execute code.



 
Images - Image files stored on the System i IFS or on a Web server somewhere else can be displayed using this element. You can display dynamic images just as easily as static ones. For example, you can display a product image based on a product number in your inquiry application.



 
List Boxes - A list box allows the user to select one or more items from a list. In Genie, the list can be a static list of items or a dynamic list loaded from a DB2 table using an SQL expression.



 
Output Fields - An output field displays application text on the screen. In Genie, output fields can be styled in many different ways.



 
Password Fields - Password fields are textboxes that mask the characters that are typed into them. They are similar to non-display input fields on the green-screen. 



 
Radio Buttons - Genie allows you to easily turn existing application elements into radio button groups, so that the user can pick from several different choices. All you have to do is arrange the radio buttons on the screen and relate them together. 



 
Select Boxes - The select box allows the user to pick a value from a drop-down list of items. You can provide the items as a static list or as a database-driven dynamic list.




 
 
Tab Panels - Genie's tab panels provide a super-easy way to organize information on a cluttered green-screen. Everything is done in a point-and-click manner. Simply pick some tab names, and then drag and drop the elements onto the various tabs you created.  





 
Text Areas - A text area is a multi-line input control. You can join multiple textboxes on the green-screen into one multi-line field.  



 
Textboxes - The textbox element is a standard input box that accepts free-form text entry or text entry based on auto-complete suggested values from a DB2 database or from a custom list.





Spinners - A spinner is a textbox control equipped with two buttons and each button displays spin buttons that display an arrow. The spin button spinner allows the user to navigate through a range of value using the arrow buttons to increase or decrease the value held by the controlfield.
 


With each of the elements, you have complete control over the look and feel, as well as functionality. The elements have hundreds of various properties that you can easily modify, and all of these changes can be made with the designer’s user-friendly properties panel.

Figure 1.5 Properties Panel

...