Before you begin, you must complete Exercise 5.1: Opening DDS display file source.
Now work with the Notebook underneath the Design page.
Creating a hyperlink for the option field
To create an hyperlink for the option field:
The Web Settings page in the CODE Designer window opens.
This indicates that you want a 1 to be entered in the Options field when the hyperlink is clicked.
Just to recap, you specified the following, when the application gets converted with the WebFacing Tool; the customer name cells in the subfile will be generated so they appear as links in the browser window. At run time, when the link is clicked, a 1 will be placed in the Option field. Also, a submit request will be initiated to generate the equivalent of pressing the Enter key and the cursor will be positioned in the Option field for the selected row.
You have accomplished the basic task, but the user interface now has an Option column that doesn't belong there since it is useless with the new link. Also the instructions on the page on how to select a customer are wrong. You want you to fix this with Web Settings as well before you test this new feature.
Hiding the option field
On the Design page, you now need to select the Opt field to indicate that
you want to work with it:
To hide the option heading:
Now this column in the subfile will be hidden.
Hiding the option heading for the option field
You need to hide the heading for the Opt field as well. The heading is not in the subfile record; it is located in the subfile control record. Therefore you need to give focus to a different record format in the Design page. What does this mean? It looks like one record format but there are three record formats in this view.
Lets look at some of the CODE Designer features. Normally in the iSeries green screen world, your screens are made up out of multiple record formats that at runtime get assembled by the RPG or COBOL program to present the real screen your end user sees.
To make it easier for you at design time to get a feel how the record formats you create would look like at runtime, CODE Designer has added the notion of a group. You can assemble several record formats in a group. This feature gives you the capability of mimicking what happens at runtime with your record formats. So a group resembles the runtime grouping of record formats for you at development time. In the sample you are working with, there are already assembled three record formats in group SCREEN1. The record formats are:
To get a list of record formats belonging to a group you can expand the
list of record formats.
Only one record format in a group is active at a time. The record format name is listed in the top field of the record list. Also in the Design page all parts in the active record format are shown highlighted but the inactive record format content is half-intensity. You see this effect very clearly above. Until now you have been working with the subfile record format CUSTSFL only, but now you need to clean up the subfile control record format CUSTCTL, so you need to make it the active record format or another way to describe this, give it focus.
To hide the option heading Opt Customer:
You will notice that the top area of the Design page is now highlighted, and the bottom one has only half-intensity. As mentioned before the highlighted area is the one you can work with.
Next you clean up the subfile control record format.
This hides the heading Opt. Now you need to remove the instructions on the panel that guide the user to put a 1 into the Opt field to select a specific customer.
Hiding the select instruction
You don't have to give focus to a different record format since this constant is also located on the CUSTCTL subfile control record format.
To hide the select instruction:
Changing the instruction (Type choice press Enter)
Now you need to add new instructions for the WebFacing page, so the end user knows to click the link to select a customer.
To change the instruction text:
Now all Web Settings are in place and you can go ahead and save the DDS source and reconvert this DDS member.
Closing CODE Designer and reconverting the DDS source member
To close CODE Designer and re-convert the DDS member:
You return to the WebFacing perspective in the workbench.
Only this member will be converted. A conversion report opens after the conversion is finished. Now you test the new user interface.
You return to the WebFacing perspective in the workbench.
You have created a hyperlink action for the option field, hidden the option field, the option heading and the select instruction, changed the appearance of text, closed CODE Designer and reconverted the DDS source member and now you are ready to begin Exercise 5.3: Testing the changed application.
(C) Copyright IBM Corporation 1992, 2005. All Rights Reserved.