Step 3 Complete the ShowPage web page design

Step 3. Complete the ShowPage web page design

WAM060 - Employee Maintenance using Advanced Weblets

In this step you will:

• Add a Vertical Splitter weblet to the page and move the employees list onto its left hand side.

• Add a Nav Panel to the right hand side of the vertical splitter and give this a name

• Add an Anchor weblet to the employee number column in the employees list and set the weblet up to invoke a Details WebRoutine and output to the nav panel.

• You will create the Details WebRoutine in the next step.

1.  In this step you will temporarily remove the employees list from the page. With the ShowPage WebRoutine open in the Design view, select anywhere inside the employees list and use the context menu, to select the Delete Entire List (EMPLOYS) option:

2.  Drag and drop a Vertical Splitter onto the page.

     Set up its properties as:

3.  Select the WebRoutine Output tab, and drag and drop the list EMPLOYS onto the left side of the Vertical Splitter:

4.  Save your changes.

5.  Drag and drop a Navigation Panel onto the right side of the vertical splitter.

     With the Navigation Panel selected set up its properties:

6.  Drag and drop an Anchor weblet into the Employ Number column in the employees list. With the Anchor weblet selected, set up its properties as:

     Type in the Details WebRoutine name, because you haven't yet defined it.

7.  Save your changes.