Headers

This page will provide examples of the header options available for use within the site.

Components shown on this page include: 


View Live Example

Rendering Item Path: /sitecore/layout/Renderings/Methodist/Shared/Header

Status: Active

Description: Main site header with tabs, dropdown menus, utility navigation, icons and color variation settings.

Component Variation

Component Specifications

  • Logo Field Type: Image
  • Logo Mobile Field Type: Image
  • Main site page Field Type: Link
  • Home page Field Type: Link
  • Contact us page Field Type: Link
  • Title Field Type: Single line text
  • Display Title as Link Field Type: Checkbox
  • Display Mobile Phone Field Type: Checkbox
  • Theme (Leave blank for default or “white”) Field Type: Dropdown
    Selection Options: Main, Dark Blue, Light Black, Light Blue
  • Top Navigation/Links Field Type: Multiple Links
  • Context Links Field Type: Multiple Links
  • Secondary Navigation/Links Field Type: Multiple Links
  • Quick Actions Field Type: Multiple Quick Actions
  • Mobile Menu Title Field Type: Single line text
  • Mobile Menu Close Text Field Type: Single line text
  • Hide Navigation Field Type: Checkbox
  • Navigation Menu Field Type: Single Menu
  • Alert Field Type: Single Alert

LibPageHeading

Rendering Item Path: /sitecore/layout/Renderings/Methodist/LibPageHeading

Status: Active

Description: Text heading with adjustable margins, color and line option and description.

Component Specifications

  • Anchor Name Field Type: Single line text
  • Mulberry Field Type: Checkbox
  • Show Line Before Field Type: Checkbox
  • Margin Above (px) Field Type: Single line text
  • Margin Below (px) Field Type: Single line text
  • Description Field Type: Multiple line text

GlobalMicrositeHeader

View Live Example

Rendering Item Path: /sitecore/layout/Renderings/Methodist/Shared/GlobalMicrositeHeader

Status: Active

Description: Microsite header with mobile options, color theme options, title, contact us and home page links, secondary nav links and quick actions, flyout links, column settings and submenus.

Component Specifications

  • Logo Field Type: Image
  • Logo Mobile Field Type: Image
  • Main site page Field Type: Link
  • Home page Field Type: Link
  • Contact us page Field Type: Link
  • Title Field Type: Single line text
  • Display Title as Link Field Type: Checkbox
  • Display Mobile Phone Field Type: Checkbox
  • Theme (Leave blank for default or “white”) Field Type: Dropdown
    Selection Options: Main, Dark Blue, Light Black, Light Blue
  • Top Navigation Links Field Type: Multiple Selection
    Selection Options: List of Site links
  • Context Links Field Type: Multiple Selection
    Selection Options: List of Link Items within folder structure
  • Secondary Navigation Links Field Type: Multiple Selection
    Selection Options: List of Link Items within folder structure
  • Quick Actions Field Type: Multiple Selection
    Selection Options: List of Icon Links
  • Mobile Menu Title Field Type: Single line text
  • Mobile Menu Close Text Field Type: Single line text
  • Hide Navigation Field Type: Checkbox
  • Navigation Menu Field Type: Dropdown
    Selection Options: List of Navigation Menus
  • Alert Field Type: Dropdown
    Selection Options: List of Alert Items within folder structure

Rendering Item Path: /sitecore/layout/Renderings/Methodist/RightNavHeader

Status: Active

Description: Heading used in the right column of the 2/3, 1/3 design to add context to the links below.

Component Variation

Component Specifications

  • Description Field Type: Rich text
  • Anchor Name Field Type: Single line text
  • Mulberry Field Type: Checkbox
  • Show Line Below Field Type: Checkbox
  • Margin Above (px) Field Type: Single line text
  • Margin Below (px) Field Type: Single line text

LogoHeader

View Live Example

Rendering Item Path: /sitecore/layout/Renderings/Methodist/Shared/LogoHeader

Status: Active

Description: Header with reverse-out text and logo, used in Center for Innovation.

Component Specifications

  • Logo Field Type: Image
  • LinkToHome Field Type: General Link
  • Logo Text Field Type: Single line text