The Nav widget acts as a service and controller of the navigation,
as a service it generates the HTML for the desktop/mobile navigation,
as a controller it handles the keyboard events to open/close/toggle child menu and move the focus of the current menu item
This class gets applied to the menu item that represents the current page
Default value
selected
menuItemClassExpandedstring
This class gets applied to the parent menu items of the selected menu item
Default value
expanded
destWrapperstring
A selector to grab the root page element
Default value
form > .layout
destContentstring
A selector to grab the page content element
Default value
.layout_inner
breakpointnumber
Breakpoint used to determine current state, typical breakpoints are 1024px (tablet) and 768px (phone)
Default value
1024
animationTimenumber
Animation duration for css transitions (ms)
Default value
500
includeRootElementboolean
A flag to determine whether or not to include the 'Overview' page in the nav
Default value
true
maxDepthnumber
Determines max depth of nav children. Ex. 1 will only show root elements
NOTE: "NavigationDepth" offers the same functionality in the "Main Navigation" module. In the case of multiple navigations, this option may be used to further limit the navigation depth of this nav.
Default value
1000
hasDesktopMenuboolean
A flag to control the existance of the menu
Default value
true
destDesktopstring
A selector of which the nav will be rendered into
Default value
.nav--desktop
dirDesktopstring
Defines how the nav should be displayed: hoz (horizontal), vert (vertical)
Default value
hoz
styleDesktopstring
The style of the child menus
Default value
list
iconMenuTopstring
The icon used for top-level menu items that have child menus
Default value
q4-icon_chevron-down
iconMenuInnerstring
The icon used for inner menu items that have child menus
Default value
q4-icon_chevron-right
includeSearchDesktopboolean
An option to include the searchbar or not
Default value
true
searchFormIdDesktopstring
A selector used to id desktop search form
Default value
navDesktopSearchForm
destSearchTooltipstring
Id of the tooltip that appears when clicking the search button
Default value
#search-tip
searchTooltipLabelstring
Tooltip text that appears when clicking the search button
Default value
Search
menuFxDesktopstring
The transition effect of opening/closing the menu: pop
Default value
pop
includeChildrenDesktopboolean
If the desktop nav should include child menus
Default value
true
splitDesktopboolean
A flag to indicate whether or not to split the nav in two: header nav for top level links and a secondary nav for IR pages
Default value
false
destDesktopSplitstring
A selector for where to put the secondary nav
Default value
.nav--ir--desktop
splitSourceDesktopstring
The data source for the secondary nav
Default value
investor relations
dirDesktopSplitstring
Defines how the nav should be displayed: hoz (horizontal), vert (vertical)
Default value
hoz
styleDesktopSplitstring
The style of the child menus
Default value
list
includeSearchDesktopSecondaryboolean
Wether to render search on secondary nav or not
Default value
false
searchDesktopSecondaryIdSuffixstring
Default value
Secondary
destSearchTooltipSecondarystring
Id of the tooltip that appears when clicking the search button
Default value
#search-tip-secondary
hasMobileMenuboolean
A flag to control the existance of the menu
Default value
true
destMobileTogglestring
A selector for the button that toggles the nav
Default value
.nav--mobile--toggle
destMobilestring
A selector to be used to wrap the nav
Default value
.nav--mobile
dirMobilestring
Defines where to place the nav: right, left
Default value
right
styleMobilestring
Defines how the nav should be displayed: expand, panel
Default value
expand
includeSearchMobileboolean
Option to include the searchbar or not
Default value
true
dirSearchMobilestring
Option to set where the searchbar will be rendered: top, bottom
Default value
top
searchFormIdMobilestring
A selector used to id mobile search form
Default value
navMobileSearchForm
destSearchMobilestring
A selector that targets the searchbar
Default value
.nav--mobile--search_container--input
classMobileOpenstring
A class applied to the root page element when the nav is opened
Default value
js--mobile
backButtonLabelstring
A mustache tempalate for mobile inner menu's previous menu button
Default value
{{{parent.text}}}
menuFxMobilestring
The transition effect of opening/closing the menu: pop, slide-down
Default value
pop
screenReaderObstaclesMobilestring
A selector for undesired elements that screenreader is able to reach when the mobile menu is open