Before you begin, you must complete Exercise 6.1: Changing the rules for highlighted fields.
Instead of working with properties in the WebFacing project you can also change the styles being applied directly in the Cascading Style Sheet (.css) file that WebFacing uses. In this exercise you see where this file is located in the WebFacing Project structure and how to find your way around in this file.
To locate the Cascading Style Sheet file:
It is located in the following directory hierarchy: wflabxx\WebContent\webfacing\styles\apparea\
Next you change the WebFacing highlighted style class.
The editor dialog will open and show the style source.
You'll notice your changes from the previous exercise are applied here. The WebFacing Tool has created style sheet classes for the different 5250 parts and attribute combinations and stored them here. Each of the lines starting with a dot is containing a style class name. The statements inside the curly brackets after the style class name describe the attributes of the class itself. For this WebFacing .css file, the name of the classes are self describing, for example .wf_hi defines how a part that has the highlighted attribute active gets displayed in the browser, wf_cs describes the column separator, etc. You can go in and change the display characteristics for any of the 5250 attributes.
Next you change the color attribute of the highlighted class.
There is a feature available in the Style sheet editor that allows you to look at the changes you have made to a class directly in the editor without actually invoking the page and showing in a browser.
To see the changed user interface, run the application again.
You have located the cascading style sheet file and edited it and now you are ready to begin Exercise 6.3: Testing the changed application.
(C) Copyright IBM Corporation 1992, 2005. All Rights Reserved.