Step 2 Horizontal Menu Components

Step 2. Horizontal Menu Components

WIZ005 - Defining a DHTML Menu Component

In this step, you will create a horizontal menu component which will acts as a navigation bar for your functions. Your horizontal menu will contain three main options: Home, Links and Help.

1.  Execute the Wizard. When the Home Page appears, set the Characteristic to Modify as DHTML Menu and select process iiPROC01, where ii are your initials. Press Go.

2.  Select the tab Horizontal. Notice the left menu is selected by default and you have the options to select Left or Horizontal Menu to be customized.

3.  Press the Add Menu Item button.

4.  When the Define DHTML Horizontal detail panel appears, enter this information:

5.  Press Save Menu Item.

6.  When the Define DHTML Horizontal detail panel appears, press the Add Menu Item button again and enter this information:

7.  Press Save Menu Item.

8.  When the Define DHTML Horizontal detail panel appears, press the Add Menu Item button again and enter this information:

9.  Press Save Menu Item.

10.When the Define DHTML Horizontal detail panel appears, press the Sub-Menu for the new Useful Links menu item. Notice a new menu is presented with a different parent menu identifier. Press the Add Menu Item button and enter this information:

11.Press Save Menu Item.

12.When the Define DHTML Horizontal panel appears, Add Menu Item button again and enter this information:

13.Press Save Menu Item.

14.When the Define DHTML Horizontal panel appears, press the Parent Menu button. Notice this returns you to your original menu with parent menu identifier 1.

15.Press the Build Menu button.