Add Top Log to Multi Navigation Page



Note: The Allianz Design Standard states that the top log can only be present on application pages of six columns (984 pixels wide). When adding a log to a five column or fewer page, follow the steps detailed in the Add Side Log topics.


To add a top log to a page with multi (top and side) navigation, locate the sideNav div:

Add the following HTML snippet immediately after the closing div tag of the topNav div:

When you have completed the previous step, your HTML code should look like the following:

Additional Notes

To customize your log, complete the following steps:

  1. Add additional list item (li) elements for each log option you'd like to expose.
  2. Replace the "appTab" placholder for each href attribute with the URL to the appropriate web page.
  3. Replace the placeholder "Step 1", "Step 2", etc. text with verbiage appropriate for your menu.
  4. Apply a class of "current" to the appropriate log option for your current page.