Before you begin, you must complete Exercise 9.2: Importing the company logo.
You must now edit the style sheet to configure the header to include the company logo that you just imported. Then you edit PageBuilder.jsp to resize the table to add the new company logo. Finally you make further changes to the style sheet to remove existing images (side_curve.gif and side.gif) and to change the color of these areas of your application.
To edit the style sheet and then PageBuilder.jsp
<td class=headc colspan=4 rowspan=1 width="441" height="33">
to:
<td class=headc colspan=6 rowspan=1 width="100%" height="100">
This removes the extra fields in the table and resizes the remaining ones for your logo.
Your code should now look like this:
<table id="<%=(String)session.getAttribute("UniqueId")%>_Table" border="0" cellspacing="0" cellpadding="0" frame="box" height="100" width="1024"> <tbody> <tr> <td class=headc colspan=6 rowspan=1 width="100%" height="100"> <%=request.getAttribute("ApplicationTitle")%> </td>
It should look as shown below:
You will now update another style sheet to make changes to the buttons and text.
You have edited the style sheet to include the company logo and edited PageBuilder.jsp to remove and resize fields for your logo.
Module recap
You have completed Module 9. Customizing the default style. You have learned how to:
You have customized the default style to update the look and feel for a fictional company. Now you need to move the application into production and you need the WebFacing application to prompt the users for signon information when it starts. Continue to Module 10. Adding authentication.
(C) Copyright IBM Corporation 1992, 2005. All Rights Reserved.