Adding a Menu Portlet

A menu portlet is typically placed on the top level page of an environment, but you can add them to other pages.

IMPORTANT: Before adding a menu portlet, DI recommends that you create the DivePort pages that you want the menu portlet to link to, and have a list of the IDs of those pages available as well as URLs to external pages that you want the menu portlet to link to.

  1. Browse to the portal page.
  2. On the toolbar, click Edit to unlock the page and enable edit mode.

  3. On the toolbar, click the chevron, and then select Settings.

    The Page ID can be found on the Settings dialog box.

NOTE: The procedure to add menu portlets was enhanced in DivePort 7.0(56). Earlier versions required extra steps to customize the menu portlet buttons, and only allowed links within the portal.

To add a menu portlet:

  1. In DivePort, go to the environment where you want to add the portlet.
  2. Open the SideBar.

  3. On the SideBar, click Add Page.

    The Add Page Closeddialog box opens.

    Add page dialog box.

  4. In the Name box, enter a name, and then click OK. This page is your home page.
  5. On the SideBar, select the page that you just created.

  6. On the toolbar, click Edit to unlock the page and enter edit mode.

    The Edit menu item is replaced with edit tools, including a page context menu chevron.

  7. On the toolbar, click the Edit the page content chevron, and on the context menu, click Add a Portlet.

  8. On the Add Portlet page, double-click Menu Portlet.

    The Edit Menu Portlet Closeddialog box opens.

    Example of an edit menu portlet dialog box before any pages are added.

  9. Click Add.

    The Add Button Closeddialog box opens.

    Add button dialog box.

  10. Enter the portal Page ID or URL of the first page that you want to add to the menu portlet.

    DI recommends that you use the Page ID in most cases.

  11. Optionally, add a Label for the menu button. The default is to use the page name.

  12. Optionally, enter the path to the image that you want to use on the menu button. The format is:

    $(IMAGES_URI)/<folder-name>/<file-name>

    The image library default location is DI\Solution\webdata\<diveport>\ customizations\images. The default image for menu buttons is:

    Default menu graphic

  13. Click OK.
  14. Repeat steps 9–12 until you have finished adding pages.
  15. Click OK on the Edit Menu Portlet dialog box to save the changes.

  16. Open the SideBar, select the menu page, and use a drag-and-drop operation to move it to the top of the list.

    The menu page is now your home page.

To add a menu portlet:

  1. In DivePort, go to the environment where you want to add the portlet.
  2. Open the SideBar.

  3. On the SideBar, click Add Page.

    The Add PageCloseddialog box opens.

    Add page dialog box.

  4. In the Name box, enter a name, and then click OK. This page is your home page.
  5. On the SideBar, select the page that you just created.

  6. On the toolbar, click Edit to unlock the page and enter edit mode.

    The Edit menu item is replaced with edit tools, including a page context menu chevron.

  7. On the toolbar, click the Edit the page content chevron, and on the context menu, click Add a Portlet.

  8. On the Add Portletpage, double-click Menu Portlet.

    The Edit Menu PortletCloseddialog box opens.

    Example of an edit menu portlet dialog box before any pages are added.

  9. Click Add Page.

    The Add PageCloseddialog box opens.

    Add page dialog box.

  10. Enter the ID of the first page that you want to add to the menu portlet, and then click OK.

    The page ID and name are added to the Edit Menu Portlet dialog box.

  11. Continue adding pages until you are finished.
  12. On the Edit Menu Portlet dialog box, click OK to save the changes.

  13. Open the SideBar, select the menu page, and use a drag-and-drop operation to move it to the top of the list.

    The menu page is now your home page.

Optional: Change the graphic on the linked page button. See Adding Graphics to Menu Portlet Links.

TIP: When you use a manual or one-column page layout, you can customize the look of the page by adjusting the position of the menu portlet to provide room for additional portlets on the page.

See also: