Creating a Custom Classic Menu

Solution Approach

It's easy to add  a completely custom menu to your application’s pages, with each menu item configured to link to a specific URL.

Procedure

Step 1:  In Layout Editor, drag the new menu panel from the Toolbox onto your application’s page or onto the master page (e.g., HorizontalMenu.master or VerticalMenu.master) if you.want the new menu to appear on all the pages within your application.

Step 2:  Adjust the menu items’ properties to match your needs.  In Layout Editor, select the new menu panel and open the Configure Menu dialog (Right-click, Configure...).  In the Configure Menu dialog, click on the menu name link (by default, “Menu1”, “Menu2”, “Menu3”, respectively) to change the menu name, and select the URL of the page to which this menu item will link.  The default number of menu items is three, but additional menu items can be added by clicking the "+" button.  Also the display ordering of each menu item can be adjusted via the up and down arrow buttons.  Click the "Close" button to complete the configuration of the menu.

Step 3:  (Optional) Use the Property Sheet to select the menu item which is to be highlighted.  (By default, no menu item is highlighted.)

Step 4:  Build and run the application.  This new menu will now appear on your application’s pages.

Note that MenuItem.html and MenuItemHighlighted.html files determine the look of the normal and highlighted menu items, respectively, and can be further customized manually.

See Also

Configuring Classic-style Menus

Adding Multiple Menus to a Page

Creating a Custom Classic Menu