Navigation Menu

Use cases / test cases for the Template Package v4 Navigation Menu

Standard Navigation Menu

DEMO CONTENT HERE

Highlighting an existing navigation menu item (by url)

Sample Code
window.pageOptions = window.pageOptions || {}; window.pageOptions.navigation = window.pageOptions.navigation || { pathToSelect: '/TemplatePackage/4.0/gallery-internal/components/navigation-menu-default.html' };

Injecting a link into the navigation menu

Sample Code
window.pageOptions = window.pageOptions || {}; window.pageOptions.navigation = window.pageOptions.navigation || { pathToSelect: ''/TemplatePackage/4.0/gallery-internal/components/navigation-menu-default.html', addNavigation: true };

Injecting a link into the navigation menu - with custom title

Sample Code
window.pageOptions = window.pageOptions || {}; window.pageOptions.navigation = window.pageOptions.navigation || { pathToSelect: '/TemplatePackage/4.0/gallery-internal/components/navigation-menu-default.html', addNavigation: true, addNavigationText: 'Hello, new link!' };

Injecting a link into the navigation menu - with custom title and url

Sample Code
window.pageOptions = window.pageOptions || {}; window.pageOptions.navigation = window.pageOptions.navigation || { pathToSelect: '/TemplatePackage/4.0/gallery-internal/components/navigation-menu-default.html', addNavigation: true, addNavigationText: 'Hello, new link!', addNavigationHref: '/TemplatePackage/4.0/gallery-internal/' };

Hiding the Fourth Level Nav

Sample Code
window.pageOptions = window.pageOptions || {}; window.pageOptions.navigation = window.pageOptions.navigation || { showFourthLevel: false };

Disable Mobile Section Nav

Sample Code
window.pageOptions = window.pageOptions || {}; window.pageOptions.navigation = window.pageOptions.navigation || {}; window.pageOptions.navigation.mobileSectionNav = window.pageOptions.navigation.mobileSectionNav || {}; window.pageOptions.navigation.mobileSectionNav.enabled = false;
View Page In: PDF [150k] DOC [150k]
Page last reviewed: