First, you can download the package here.
What does this package do?
It installs a navigation bar just like the one you see above. This package allows you to utilize several document properties to customize what levels, the starting point for the navigation and much more.
What gets isntalled...
- Javascript files to take advantage of jquery and a jquery menu plugin
- css file for styling your navigation
- an xslt file to render the menu
- a macro that will accept parameters for inclusion in your template
How to wire it all up...
- first, you will need to add references to the javascript files and css in the head of your template.
- next, insert your macro into your template - be sure to wrap it in a div called navBar.
Take a look at the code for this page to see how it is wired up.
What are all the properties?
- umbracoNaviHide [true/false type] =/data [@alias = 'umbracoNaviHide']
- umbracoHideChildren [true/false type] =/data [@alias = 'umbracoHideChildren']
- navText [textstring] =/data [@alias = 'navText']
- navTooltip [textstring] =/data [@alias = 'navTooltip']
- externalURL [textstring] =/data [@alias = 'externalURL']
- externalTarget [textstring] =/data [@alias = 'externalTarget']
- umbracoRedirect [contentPicker or textstring] =/data [@alias = 'umbracoRedirect']
- umbracoUrlAlias [textstring] =/data [@alias = 'umbracoUrlAlias']