Working with the Zend Server 5250 Emulator

To connect to your emulated application:

1. Access the emulator through the Demo Applications tab,
   -or-
   Browse to: <i_server_IP>:10088/Zend5250Login/.
   The Zend 5250 Bridge Applications login screen is displayed.

2. In the top section of the screen:

1. Enter your IBM i user and password.

2. Click Login.
   Your green screen application is displayed in a browser. By default, this will be the IBM i Main Menu, or the initial screen defined for your user level.

3. You can navigate through the screens using the function keys as you would your regular 5250 application.
   In addition, you can navigate between the input fields on the screen using your keyboard's arrow keys (as you would in a 5250 terminal emulator), the tab/shift-tab keys (as you would in a Web based application), or a mouse.

4. The toolbar at the top of your screen provides you with the following options:

• User Session - Allows you to create a new session or disconnect from the current session.
• Color Scheme - Allows you to change the color scheme of the displayed screens.
  The options are:
• • Green Screen - Presents your screens in the 'traditional' green screen format
  • White Background  - Presents your screens with a white background (adopts the 'look' of a traditional Web application).
  • Custom - Presents your screens according to the settings configured in the custom.css file. This is the file which you can edit in order to customize the look of the screens. See CSS Editing topic for more information. By default, this will look the same as the white background option.
• Advanced Settings - Allows you to customize the display options:
• Output Field Tooltips - When selected, you can hover your mouse over the fields to display the fields IDs. This is useful when using the Zend 5250 Bridge API.

• System Command Auto-Complete - When selected, entering the first few letters of a CL command in the input line will auto-complete the relevant command.
• Show XML Source - Will open a new browser window with the XML source code of the current page. This source code can be used for customization when using the Zend 5250 Bridge API.

Note:

If you continue to navigate through your application, you will need to press Enter in the XML source page in order for the XML code to be updated with the current screen data.

• Function Keys  - Displays a screen-based 'soft keyboard' for using function keys without having to press function keys on the keyboard. This is useful when your keyboard does not have all the required function keys, or when the required function keys are used by the browser (e.g. pressing F5 in some browsers will refresh the page rather than sending the F5 command to the i5).

Note:

The 5250 Bridge installation includes two Javascript files which allow the catching of function key “presses”. You can find more information about function keys in the Zend Server for IBMi installation folder/usr/local/zendsvr/demos/JSfunctionKeyListener/readme.txt.

• Print - Opens the print dialog for printing the current screen.
• Zoom - Adjusts the screen's zoom level.

To customize the Emulator's CSS file:

1. Using Zend Studio - i5 Edition, open the custom.css file, located in /usr/local/zendsvr/5250/Emulation/html/styles/themes.
   See Opening Files in Zend Studio for more information.

2. Apply customization changes to the file
   See CSS Editing topic for more information.

3. Once you have made your changes, save the file.
   You will be able to see the changes in your application when browsing to it through the Zend 5250 Emulator.

Related Links:

Working with the Zend 5250 Bridge

Zend 5250 Bridge API