How Do I: Use Drop Down Navigation in Portals?

When you add books and pages to a portal desktop (in a .portal file), you can determine the type of menus with which users navigate among those books and pages. The WebLogic Workshop Portal Extensions provide two types of navigation menus you can use:

Use the Multi Level Menu to enable drop-down menu navigation.

To create drop-down navigation menus

  1. With a portal file open in the WebLogic Workshop Platform Edition Portal Designer, add sub-books directly to books. The drop-down functionality will not work as expected if you add books to placeholders on pages.
  2. In the Document Structure window, select the book on which you want to apply the drop-down menu functionality.
  3. In the Property Editor, select Multi Level Menu in the Navigation field.
  4. Save the portal file.
  5. To preview the navigation, make sure the server is running and choose Portal-->Open Current Portal.

For Mobile Device Support: To support Multi Level Menus in mobile devices, delete the line display: none; in the book.css file in the skins that will be used for mobile devices.

Samples

To view examples of fully functional portals, see the Portal Samples. The Tutorial Portal shows different navigation menu implementations (Single Level Menu and Multi Level Menu).

Also, when you create a Portal Web Project, a predefined set of navigation menus is added to your project in the <project>\framework\markup\menu directory.

Related Topics

Modifying Navigation Menus

Look & Feel Architecture

Creating a Portal File

Adding Books and Pages to a Portal

What is a Portal?