- The Header will be displayed on all pages of the site at the top of the page.
- The Header has been implemented using Partial Designs. It is located on
/sitecore/content/EH/Emory/Presentation/Partial Designs/Header
. - This partial is added to the Page Design.
- Child menu items of mobile Primary Navigation added dynamically. CA only needs to add the parent items through the Primary Navigation component.
General Components Structure of the Header
- Header Alert
- Section Container with ID
header-top-section
- Container with ID
top-header-left-section
- Rich Text - Phone Link variant
- EH Popup
- Container with ID
top-header-right-section
- Heading Link list - Header Links variant
- Search Box - Header variant
- Container with ID
- Section Container
- Container with ID
main-header-container
- Image
- Container with ID
main-header-navigation-container--desktop
- Primary Navigation
- Link - Round Button variant
- Container with ID
main-header-navigation-container--mobile
- Link with class
mobile-search-btn
- Link with class
mobile-nav-btn
- Link with class
- Container with ID
mobile-search-panel
- Search Box
- Container with ID
mobile-menu-panel
- Container with ID
mobile-utility-nav
- Container
- Rich Text
- Container
- EH Popup
- Container
- Container
- Container with ID
navigation-mobile-wrapper
- Container with ID
navigation-mobile
- Primary Navigation
- Container with ID
- Link - Round Button variant
- Container with ID
- Container with ID
- Container with ID
Primary Navigation
- Primary Navigation is a custom component based of out of the box Tab component
- The parent menu item reside in the Heading of the Tabs
- The child menu items reside in the Tab as Link List components
- By default child menu items will be displayed at 8 rows maximum. This will result the four column layout when the menu items are between 25 and 31 items
- If the child menu items is more than 31 items, it will be displayed on the next column resulting five columns layout.
- In some instances where CA would like to reduce the 8 rows limit, CA can use Max row 5 option on the Link List component. This will reduce the max row to 5 row. For example: Patient & Visitors items.
Data Sources:
- Primary Navigation Tabs (Includes Patient & Visitors + Centers & Programs drop down list) EH/Emory/Data/Link Lists/Header/Primary Navigation
- Quick Links: EH/Data/Heading Link Lists/Header
- Primary Navigation Tabs: EH/Emory/Data/Primary Navigation/Main Navigation
- Additional Links: EH/Emory/Data/Links/Header Links
- PopUp Connection: Eh/Emory/Data/EH PopUp Folder/HealthConnection