Module [405] Contact Options - Drop Down List, using sticky nav for in-page navigation - Enterprise

Module [405] was designed to support the "Contact Us" portion of Mid-Term Enterprise In-Page Navigation.

It is similar to the Flex v2.0 module [406], but the visual treatment differs.

To build Enterprise In-Page Navigation, module [405] is used in conjunction with module [835].  Module [835] contains the horizontal nav for anchor links. Then, both the [405] and [835] modules are contained in a Flex v2.0 module [800]. That [800] parent module is added to the Page Component at the point where the in-page navigation is supposed to start - usually right after the Hero module. That 800 parent module also contains the attribute: "Enterprise Navigation: Enable sticky treatment", which keeps the nav at the top of the page as the user scrolls.

The example on this page shows the complete in-page navigation - [800] parent module containing the two nav links of the [405] and [835] modules. This example page shows the in-page navigation in proper position on an enterprise gateway page. It shows the Hero, In-Page Navigation, Portfolio, Innovations and Resource List.  The nav can navigate to each section.

Parent Module [800] Schema fields used:

  • Title and Description: Not used
  • List of Links: Contains component links to the [405] Contact Us dropdown module, and the [835] Horizontal Navigation module
  • Attributes: Should contain both "Child Width - 50% (1/2)" and "Enterprise Navigation: Enable sticky treatment"


Horizontal Nav Module [835] Schema fields used:

  • Title and Description: Not used
  • List of Links: Contains each of the links to appear in the horizontal nav. Requires External Link, typically four links for Overview, Portfolio, What's New and Resources that link to the anchor specified in those page sections' modules. (Links in module 835 will only link to anchors in the same page.


Contact Us Dropdown Module [405] Schema fields used:

  • Title: Component link to the 'Text or HTML Block" containing the title that will appear on the drop down button, such as "Contact Us"
  • Description: Not used
  • List of Links: Contains each of the links to appear in the dropdown.  Requires External Link, or can be Text or HTML Block if a dropdown item is just text, like a phone number.


A Complete Portfolio Based on Open Standards

Our products enable a cost-effective network that’s agile, flexible, and fully interoperable.