Exercise 7.2: Adding command key button labels

Before you begin, you must complete Exercise 7.1: Adding a new command key description pattern.

The WebFacing Tool allows you to specify command key descriptions for command keys that are commonly used in your application but not described in your DDS source and on your screens. This way the push button labels on the Web pages can automatically be changed during conversion to the correct text. You will add the description Cancel to the WebFacing conversion properties so the push button will get created to show a Cancel label instead of F12.

To add command key button labels:

  1. Right-click your WebFacing project wflabxx.
    Properties menu option for the WebFacing project
  2. Click Properties on the pop-up menu.

    The Properties for wflabxx dialog opens.

  3. In the left pane of this dialog, under Conversion select Command Key Button Labels.

    In the right pane of this dialog, the Command Key Button Labels opens.
    Command key button labels

  4. Under the Command key list, select F12.
  5. Under the Button label list, select Cancel.
  6. Click Add to the right of these two lists.

    The additional label is now part of the WebFacing conversion properties for this WebFacing project.

  7. Click OK at the bottom of the Properties dialog.

    Next, back in the workbench, convert the changed application.

Reconverting DDS members

To convert the application in the workbench:

  1. Expand the wflabxx project if not already.
  2. Expand the DDS folder if not already.
  3. Right-click the ORDENTD member icon.
  4. Click Convert on the pop-up menu.

    After the conversion, take a look at the change.

Testing the new label

Let's see the new label for the F12 push button in your WebFacing application.

To test the new label:

  1. Right-click index.jsp in the WebFacing Projects view.
  2. Click Run > Run on Server on the pop-up menu.
    Pushbutton with fixed label
  3. Go to the browser pane and click the Order Entry link.
  4. Check that the Cancel push button on the first page now shows the correct label as shown.
  5. If the push button still has the old text, restart the Application server.
  6. Click the Servers tab at the top view in the workbench.
  7. Right-click the server icon.
  8. Click Restart > Start on the pop-up menu.
    Restart server option
  9. Run the application again.

You have changed the text for the F12 command key, reconverted the DDS members and tested the command key label.

Module recap

You have completed Module 7. Adding command key rules and labels. You have learned how to:

Now that you have a Web user interface so the green screen look doesn't show through as much as after the first WebFacing conversion you did in Module 3. Converting selected source members; you want to add some more refinements to the appearance of your Web pages. Continue to Module 8. Working with more style properties.