To enhance the User experience, several UI changes have been included in Z and I Emulator for Web Client (ZIEWeb-Client) that makes it more responsive and user-friendly.
Below are some of the UX updates:
For config-based model, the Login page includes a'Remember me' option and displays appropriate error message for invalid login attempts.
The Dashboard shows a list of available and active sessions.
A Search bar has been added to the Settings panel.
A Ribbon bar is availablein the Full screen mode.
The Property panel includes a Search bar and Help link.
TheColor Remap feature is updated with aResetbutton that can be used to reset to the default color.
TheColor Remap feature is updated with a Hex code fieldthat shows the Hex valueof a color.
Touchpad support
Support for touch-enabled devices for ZIEWeb-Client users, so that the users can work with system touch keypad or use tap events on green screen.
Feature Enhancements
a)Auto-update of files
With the Auto Update feature in ZIEWeb-Client, Users need not manually change the context root or clear the browser history after every build deployment, to run the application.
Once the User deploys a new build, application automatically updated the client-side java script files and CSS files.
Users get the new build changes with new features.
No need to clear the browser cache.
b)Custom UI
The purpose of this feature is to provide options to customize the UI in ZIEWeb-Client.
User can customize the UI design of the ZIEWeb-Client web page by specifying a custom template.
Need to specify the templateURL (parameter name) and value is the full specified path of the custom template in web.properties file
For example:
templateURL=C:/Users/admin/Documents/UI.jsp
If the file is not available, then default ZIEWeb-Client page will be shown.
By using this sample custom template, user can customize the logo bar, about panel, background color, and image of the login page. The user can also change the images of 3270 and 5250 icons and can disable the properties under the settings panel.
Sample code for template.jsp:
Note: Copy the below code block as it-is and create a 'customtemplate.jsp' file for usage.