Exercise 3.4: Linking to the customer list page

Before you begin, you must complete Exercise 3.3: Creating the customer list page.

Now, let's modify the inquiry page. You will add a link beside the entry field so the end user can click this link (Find) to get the customer list page you created in the previous exercise.

  1. In the Project Explorer, right-click inquiry.jsp.
  2. Click Open on the pop-up menu to edit the inquiry page named inquiry.jsp.
    To edit inquiry.jsp

    The Page Designer opens in the upper right pane of the workbench and shows the inquiry.jsp as the Web Interaction wizard created it and with the changes you made in Page Designer.
    Page Designer showing the Design page

  3. Make sure that you are on the Design page in Page Designer. Click the Design tab.
  4. Now put the cursor after the Enter_customer_number field.
    Cursor placed after the text entry field
  5. Right-click the page and click Insert Link on the pop-up menu.
    Inserting a Hyperlink to subfile page

    The Insert Link dialog opens.
    Insert Link window

  6. In the URL field, type custList.jsp.
  7. In the Link text field, type Find.
  8. Click OK.

    The Customer Inquiry page after adding a link to customer list page (custList.jsp) should look like this:
    Customer Inquiry page after adding a link to custList.jsp

  9. If you haven't done so already, save and close inquiry.jsp.

You linked the inquiry page to the customer list page and now you are ready to begin Exercise 3.5: Creating another Web interaction.