Exercise 5.8: Enhancing the output page

Before you begin, you must complete Exercise 5.7: Specifying error handling.

Next you enhance the look of the Web page.

To enhance the output page:

  1. Click the Page tab in the Properties table.
    Customize the output
  2. Click the field beside the Page title and type Customer Details.
  3. Click the field beside the Background Color and click the selection button on the right side of the field.

    The Color palette opens.

  4. Select a light yellow from the Color palette.
    Color selection
  5. Click OK on the Color palette.
  6. Click the field beside the Title Color and click the selection button on the right side of the field.
  7. Select Blue from the Color palette.
  8. Click OK on the Color palette.

    You notice the sample page gets updated as you choose different properties.

    If you don't like the suggested color choices, go ahead and create your own design.

    You need to modify the labels of the fields that show up on the output JSP.

  9. Click the Fields tab.
  10. Select each field in the top left, and for each one, change the Label value to the values described in the table below.
    Changing the parameter labels

    CUSTNO Customer Number
    CUSTNA Customer Name
    REPNO Representative Number
    CONTAC Contact
    CPHONE Phone Number
    CFAX Fax Number
    CADDR Address
    CCITY City
    CCOUNT Country
    CZIP Zip
  11. In the left pane of the Design the Result Form page, clear the CSTRUC.CZIPLO check box. You don't need to display this variable.
  12. Click Finish on the Design the Result Form page.

    The Interaction wizard creates the necessary files for your application:

You have enhanced the output page and now you are ready to begin Exercise 5.9: Ensuring the customer number field cannot be modified.